body::-webkit-scrollbar ,.modal::-webkit-scrollbar {
	    width: 8px;
	    background: #e6e6e6;
	}
	
	::-moz-scrollbar-thumb {
	    background-color: #3568B2
	}
	
	body::-webkit-scrollbar-thumb,.modal::-webkit-scrollbar-thumb {
	    background-color: #3568B2
	}
	
	body {
        margin-top: 0px !important;
	    z-index: 1;
	    /* font-family:"Poppins",sans-serif; */
	    color: #333;
	    font-size: 13px;
	    line-height: 26px;
	    font-weight: 400;
	    letter-spacing: .5px;
	    overflow-x: hidden;
	    text-rendering: optimizeLegibility!important;
	    -webkit-font-smoothing: antialiased!important;
	}
	
	#container {
	    background: #fff;
	    position: relative;
	    overflow-x: visible;
	    margin: 0 auto
	}
	
	.boxed-page {
	    position: relative;
	    overflow-x: hidden;
	    width: 1220px;
	    margin: 0 auto;
	    background-color: #fff;
	    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	    -o-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
	}
	
	.boxed-page .tp-leftarrow {
	    left: 70px!important
	}
	
	.boxed-page .tp-rightarrow {
	    left: 95%!important
	}
	
	.boxed-page .navbar-fixed-top {
	    max-width: 1220px;
	    margin: 0 auto
	}
	
	ul,
	ol {
	    margin: 0;
	    padding: 0;
	    list-style: none
	}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	    text-transform: uppercase;
	    margin: 0;
	    padding: 0;
	    font-weight: 600;
	    color: #333;
	    /* font-family:"Poppins",sans-serif!important */
	}
	
	.webdesign_process_body>.item>.holder>.pic img {
	    max-width: 80%;
	    height: auto;
	    margin: 6px 0 0 0;
	    margin-left: 5px
	}
	
	.text-left {
	    text-align: left
	}
	
	.text-right {
	    text-align: right
	}
	
	.text-brand-color {
	    color: #ed1c24
	}
	
	.img-center {
	    margin-left: auto;
	    margin-right: auto
	}
	
	.circle {
	    -webkit-border-radius: 100%;
	    border-radius: 100%
	}
	
	.white {
	    color: #fff!important
	}
	
	a {
	    -webkit-transition: all 0.3s;
	    transition: all 0.3s;
	    text-decoration: none
	}
	
	a:hover {
	    text-decoration: none
	}
	
	a:focus {
	    text-decoration: none;
	    color: #333;
	    outline: 0
	}
	
	::selection {
	    background: #3568B2;
	    color: #fff;
	    text-shadow: none;
	    outline: none
	}
	
	.main-container {
	    overflow: hidden
	}
	
	.dropcap {
	    font-size: 38px;
	    font-weight: 400;
	    line-height: 58px;
	    float: left;
	    width: 60px;
	    height: 60px;
	    padding: 0 10px 0 14px
	}
	
	.dropcap.bg {
	    margin-right: 22px;
	    margin-bottom: 0;
	    color: #fff;
	    background: #ed1c24;
	    text-align: center;
	    color: #fff
	}
	
	.dropcap.yellow-bg {
	    background: #f6d014;
	    margin-right: 10px
	}
	
	.dropcap.circle {
	    border-radius: 50%
	}
	
	.dropcap.rounded {
	    border-radius: 5px
	}
	
	hr {
	    margin-top: 0;
	    margin-bottom: 0
	}
	
	.btn {
	    -webkit-border-radius: 0;
	    border-radius: 0;
	    -webkit-transition: all 0.3s;
	    transition: all 0.3s
	}
	
	.btn-primary {
	    font-size: 16px;
	    font-style: normal!important;
	    margin: 0;
	    padding: 12px 25px;
	    letter-spacing: 0;
	    text-transform: uppercase;
	    color: #0085D5!important;
	    /*width:200px;*/
	    background: #fff;
	    text-shadow: none;
	    -webkit-transition: 0.3s;
	    -o-transition: 0.3s;
	    transition: 0.3s;
	    border: 0;
	    font-weight: 600;
	    border-radius: 4px
	}
	
	.btn-primary:hover {
	    background: #0075b7;
        color: #ffffff!important;
    }
	
	.btn-primary.white {
	    background: #3568B2;
	    color: #ffffff!important;
	    font-weight: 700;
	    border: 1px solid #fff;
	    border-radius: 4px
	}
	
	.btn-primary.white:hover {
	    background: #fff;
	    border: none;
	    color: #3568B2!important;
	    border-radius: 0
	}
	
	.btn-primary.black {
	    background: #24252a;
	    color: #ed1c24!important
	}
	
	.btn-primary.black:hover {
	    background: #fff;
	    color: #ed1c24!important
	}
	
	.btn-primary.yellow {
	    background: #f6d014;
	    color: #ffffff!important
	}
	
	.btn-primary.yellow:hover {
	    background: #24252a
	}
	
	.btn-primary.blue {
	    background: #00bcd4;
	    color: #ffffff!important
	}
	
	.btn-primary.blue:hover {
	    background: #24252a
	}
	
	.btn-white-bordered {
	    border: 2px solid #fff;
	    padding: 12px 25px;
	    text-transform: uppercase;
	    color: #fff
	}
	
	.btn-white-bordered:hover {
	    background: #ed1c24!important;
	    border-color: #ed1c24!important
	}
	
	.right-half,
	.left-half {
	    position: absolute;
	    right: 0;
	    top: 0;
	    height: 100%;
	    background-position: center center;
	    background-size: cover
	}
	
	.right-half.width33,
	.left-half.width33 {
	    width: 33%
	}
	
	.right-half.width50,
	.left-half.width50 {
	    width: 50%
	}
	
	.left-half {
	    left: 0
	}
	
	.breadcrumb-section {
	    padding: 50PX 0;
	    background: url(../images/bg/bgall-blu.png) fixed;
	    background-size: 70%;
	    margin: 0;
	    background-attachment: fixed!important;
	    background-repeat: repeat;
	    background-position: 0 0;
	    color: #0c110b;
	    -webkit-animation: slide 20s linear infinite;
	    animation: slide 10s linear infinite
	}
	
	.sf-snow-flake {
	    position: fixed;
	    top: -20px;
	    z-index: 99999
	}
	
	.sf-snow-anim {
	    top: 110%
	}
	
	.breadcrumb {
	    background: transparent;
	    border-radius: 0;
	    color: #fff;
	    float: right;
	    font-size: 13px;
	    font-weight: 600;
	    text-transform: uppercase;
	    margin-bottom: 0
	}
	
	.breadcrumb li {
	    display: inline-block;
	    padding: 0 5px
	}
	
	.breadcrumb li a {
	    color: #fff;
	    -webkit-transition: all 0.3s;
	    transition: all 0.3s
	}
	
	.breadcrumb li a:hover {
	    color: #ed1c24
	}
	
	.breadcrumb li:after {
	    content: "/";
	    padding-left: 5px
	}
	
	.breadcrumb li:first-child:after,
	.breadcrumb li:last-child:after {
	    content: ""
	}
	
	.page-title h1 {
	    font-size: 45px;
	    letter-spacing: 8.5px;
	    font-weight: 500;
	    text-transform: uppercase;
	    margin: 0;
	    color: #fff;
	    text-align: center;
	    line-height: 1.6em
	}
	
	.navbar-fixed-top {
	    position: fixed!important;
	    right: 0;
	    left: 0;
	    z-index: 1100;
	    -webkit-animation-name: fadeInDown;
	    animation-name: fadeInDown;
	    animation-duration: .8s;
	    -webkit-animation-duration: .8s;
	    animation-timing-function: ease-in-out;
	    -webkit-animation-timing-function: ease-in-out
	}
	
	.space-30 {
	    margin-top: 30px
	}
	
	.mt60 {
	    margin-top: 60px
	}
	
	.mt65 {
	    margin-top: 65px
	}
	
	.mt30 {
	    margin-top: 30px
	}
	
	.mt25 {
	    margin-top: 25px
	}
	
	.mb15 {
	    margin-bottom: 15px
	}
	
	.mb30 {
	    margin-bottom: 30px
	}
	
	.mb60 {
	    margin-bottom: 60px
	}
	
	.mr10 {
	    margin-right: 10px
	}
	
	.pad15 {
	    padding: 15px 0
	}
	
	.pad30 {
	    padding: 30px 0
	}
	
	.pad50 {
	    padding: 50px 0
	}
	
	.pad60 {
	    padding: 60px 0
	}
	
	.pad80 {
	    padding: 80px 0
	}
	
	.pad100 {
	    padding: 100px 0
	}
	
	.pad120 {
	    padding: 120px 0
	}
	
	.pad-t100 {
	    padding-top: 100px
	}
	
	.pad-t80 {
	    padding-top: 80px
	}
	
	.pad-t30 {
	    padding-top: 30px
	}
	
	.pad-t60 {
	    padding-top: 60px
	}
	
	.pad-t90 {
	    padding-top: 90px
	}
	
	.pad-t120 {
	    padding-top: 120px
	}
	
	.pad-b30 {
	    padding-bottom: 30px
	}
	
	.pad-b40 {
	    padding-bottom: 40px
	}
	
	.pad-b50 {
	    padding-bottom: 50px
	}
	
	.pad-b60 {
	    padding-bottom: 60px
	}
	
	.pad-b70 {
	    padding-bottom: 70px
	}
	
	.pad-b80 {
	    padding-bottom: 80px
	}
	
	.pad-b100 {
	    padding-bottom: 100px
	}
	
	.People span {
	    background: #ededed;
	    z-index: 20;
	    position: relative;
	    text-align: center;
	    padding: 0 0px;
	    color: #0b0f1a;
	    margin-top: 13px;
	    font-size: 40px;
	    font-weight: 500;
	    border-radius: 5px
	}
	
	.section-title {
	    position: relative;
	    margin: 3em 0 30px;
	    text-transform: uppercase
	}
	
	.section-title h3 {
	    position: relative;
	    font-size: 50px;
	    line-height: 42px;
	    color: #3568B2
	}
	
	.section-title h3 span {
	    color: #e4e3e3!important
	}
	
	.cd-hero {
	    position: relative;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale
	}
	
	.cd-hero-slider {
	    position: relative;
	    padding-top: 60px;
	    display: flex;
	    align-content: center;
	    overflow: hidden
	}
	
	.cd-hero-slider li {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    -webkit-transform: translateX(100%);
	    -moz-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	    -o-transform: translateX(100%);
	    transform: translateX(100%)
	}
	
	.cd-hero-slider li.selected {
	    position: relative;
	    -webkit-transform: translateX(0);
	    -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	    -o-transform: translateX(0);
	    transform: translateX(0)
	}
	
	.cd-hero-slider li.move-left {
	    -webkit-transform: translateX(-100%);
	    -moz-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	    -o-transform: translateX(-100%);
	    transform: translateX(-100%)
	}
	
	.cd-hero-slider li.is-moving,
	.cd-hero-slider li.selected {
	    -webkit-transition: -webkit-transform 0.5s;
	    -moz-transition: -moz-transform 0.5s;
	    transition: transform 0.5s
	}
	
	@media only screen and (min-width:1170px) {
	    .cd-hero-slider {
	        width: 100%
	    }
	}
	
	section {
	    height: inherit
	}
	
	.cd-hero-slider li {
	    background-position: center center;
	    background-size: cover;
	    background-repeat: no-repeat;
	    background: #fff
	}
	
	.cd-hero-slider .cd-full-width,
	.cd-hero-slider .cd-half-width {
	    -webkit-backface-visibility: hidden;
	    backface-visibility: hidden;
	    -webkit-transform: translateZ(0);
	    -moz-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	    -o-transform: translateZ(0);
	    transform: translateZ(0)
	}
	
	.cd-hero-slider .cd-img-container {
	    display: none
	}
	
	.cd-hero-slider .cd-img-container img {
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    bottom: auto;
	    right: auto;
	    -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%)
	}
	
	.cd-hero-slider .cd-bg-video-wrapper {
	    display: none;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden
	}
	
	.cd-hero-slider .cd-bg-video-wrapper video {
	    display: block;
	    min-height: 100%;
	    min-width: 100%;
	    max-width: none;
	    height: auto;
	    width: auto;
	    position: absolute;
	    left: 50%;
	    top: 50%;
	    bottom: auto;
	    right: auto;
	    -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%)
	}
	
	@media only screen and (min-width:768px) {
	    .cd-hero-slider .cd-half-width {
	        opacity: 0;
	        -webkit-transform: translateX(40px);
	        -moz-transform: translateX(40px);
	        -ms-transform: translateX(40px);
	        -o-transform: translateX(40px);
	        transform: translateX(40px)
	    }
	    .cd-hero-slider .move-left .cd-half-width {
	        -webkit-transform: translateX(-40px);
	        -moz-transform: translateX(-40px);
	        -ms-transform: translateX(-40px);
	        -o-transform: translateX(-40px);
	        transform: translateX(-40px)
	    }
	    .cd-hero-slider .selected .cd-half-width {
	        opacity: 1;
	        -webkit-transform: translateX(0);
	        -moz-transform: translateX(0);
	        -ms-transform: translateX(0);
	        -o-transform: translateX(0);
	        transform: translateX(0)
	    }
	    .cd-hero-slider .is-moving .cd-half-width {
	        -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
	        -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
	        transition: opacity 0s 0.5s, transform 0s 0.5s
	    }
	    .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
	    .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
	        -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
	        -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
	        transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
	        width: 60%;
	        float: left;
	        margin-left: 25%
	    }
	    .home_common_content.max_width_content.padding-left-40 {
	        float: right;
	        width: 100%;
	        right: 50%;
	        margin-right: 23%;
	        top: 1px
	    }
	    .home_common_content.max_width_content.padding-right-40 {
	        float: right;
	        width: 100%;
	        right: 50%;
	        margin-right: 23%;
	        top: 1px
	    }
	    .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
	    .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
	        -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
	        -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
	        transition: opacity 0.4s 0.4s, transform 0.5s 0.4s
	    }
	    .cd-hero-slider .cd-full-width h2,
	    .cd-hero-slider .cd-full-width p,
	    .cd-hero-slider .cd-full-width .cd-btn {
	        opacity: 0;
	        -webkit-transform: translateX(100px);
	        -moz-transform: translateX(100px);
	        -ms-transform: translateX(100px);
	        -o-transform: translateX(100px);
	        transform: translateX(100px)
	    }
	    .cd-hero-slider .move-left .cd-full-width h2,
	    .cd-hero-slider .move-left .cd-full-width p,
	    .cd-hero-slider .move-left .cd-full-width .cd-btn {
	        opacity: 0;
	        -webkit-transform: translateX(-100px);
	        -moz-transform: translateX(-100px);
	        -ms-transform: translateX(-100px);
	        -o-transform: translateX(-100px);
	        transform: translateX(-100px)
	    }
	    .cd-hero-slider .selected .cd-full-width h2,
	    .cd-hero-slider .selected .cd-full-width p,
	    .cd-hero-slider .selected .cd-full-width .cd-btn {
	        opacity: 1;
	        -webkit-transform: translateX(0);
	        -moz-transform: translateX(0);
	        -ms-transform: translateX(0);
	        -o-transform: translateX(0);
	        transform: translateX(0)
	    }
	}
	
	.cd-slider-nav {
	    width: 100%;
	    bottom: 0;
	    z-index: 2;
	    text-align: center;
	    height: 55px
	}
	
	.cd-slider-nav nav,
	.cd-slider-nav ul,
	.cd-slider-nav li,
	.cd-slider-nav a {
	    height: 100%
	}
	
	.cd-slider-nav nav {
	    max-width: 1020px;
	    margin: 0 auto;
	    position: relative;
	    border-bottom: 2px solid #f5f5f5
	}
	
	.cd-slider-nav .cd-marker {
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    height: 100%;
	    color: #e13b3b;
	    border-bottom: 2px solid currentColor;
	    -webkit-transition: -webkit-transform 0.2s, border-bottom 0.2s;
	    -moz-transition: -moz-transform 0.2s, border-bottom 0.2s;
	    transition: transform 0.2s, border-bottom 0.2s
	}
	
	.cd-slider-nav .cd-marker.item-2 {
	    -webkit-transform: translateX(100%);
	    -moz-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	    -o-transform: translateX(100%);
	    transform: translateX(100%)
	}
	
	.cd-slider-nav .cd-marker.item-3 {
	    -webkit-transform: translateX(200%);
	    -moz-transform: translateX(200%);
	    -ms-transform: translateX(200%);
	    -o-transform: translateX(200%);
	    transform: translateX(200%)
	}
	
	.cd-slider-nav .cd-marker.item-4 {
	    -webkit-transform: translateX(300%);
	    -moz-transform: translateX(300%);
	    -ms-transform: translateX(300%);
	    -o-transform: translateX(300%);
	    transform: translateX(300%)
	}
	
	.cd-slider-nav .cd-marker.item-5 {
	    -webkit-transform: translateX(400%);
	    -moz-transform: translateX(400%);
	    -ms-transform: translateX(400%);
	    -o-transform: translateX(400%);
	    transform: translateX(400%)
	}
	
	.cd-slider-nav ul::after {
	    clear: both;
	    content: "";
	    display: table
	}
	
	.cd-slider-nav li {
	    display: inline-block;
	    float: left
	}
	
	.cd-slider-nav li.selected a {
	    color: #000;
	    font-weight: 700
	}
	
	.no-touch .cd-slider-nav li.selected a:hover {
	    background-color: transparent
	}
	
	.cd-slider-nav a {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    position: relative;
	    font-size: 1rem;
	    color: #000;
	    padding: 0 30px;
	    -webkit-transition: background-color 0.2s;
	    -moz-transition: background-color 0.2s;
	    transition: background-color 0.2s
	}
	
	.cd-slider-nav li:first-of-type a::before {
	    background-position: 0 0
	}
	
	.cd-slider-nav li.selected:first-of-type a::before {
	    background-position: 0 -24px
	}
	
	.cd-slider-nav li:nth-of-type(2) a::before {
	    background-position: -24px 0
	}
	
	.cd-slider-nav li.selected:nth-of-type(2) a::before {
	    background-position: -24px -24px
	}
	
	.cd-slider-nav li:nth-of-type(3) a::before {
	    background-position: -48px 0
	}
	
	.cd-slider-nav li.selected:nth-of-type(3) a::before {
	    background-position: -48px -24px
	}
	
	.cd-slider-nav li:nth-of-type(4) a::before {
	    background-position: -72px 0
	}
	
	.cd-slider-nav li.selected:nth-of-type(4) a::before {
	    background-position: -72px -24px
	}
	
	.cd-slider-nav li:nth-of-type(5) a::before {
	    background-position: -96px 0
	}
	
	.cd-slider-nav li.selected:nth-of-type(5) a::before {
	    background-position: -96px -24px
	}
	
	@media only screen and (min-width:768px) {
	    .cd-slider-nav {
	        height: 80px
	    }
	    .cd-slider-nav .cd-marker,
	    .cd-slider-nav li {
	        width: 25%
	    }
	    .cd-slider-nav a {
	        font-size: 1rem
	    }
	    .cd-slider-nav a::before {
	        top: 100%
	    }
	}
	
	.no-js .cd-hero-slider li {
	    display: none
	}
	
	.no-js .cd-hero-slider li.selected {
	    display: block
	}
	
	.no-js .cd-slider-nav {
	    display: none
	}
	
	.section-title h3 b {
	    background: #3568B2;
	    color: white;
	    padding: 0 30px
	}
	
	.section-title p {
	    margin: 0;
	    padding: 0;
	    float: left;
	    width: 100%;
	    font-size: 18px;
	    color: #5d5d5d;
	    text-align: center
	}
	
	.section-title h3 {
	    margin: 30px 0 0 0;
	    padding: 0;
	    float: left;
	    width: 100%;
	    font-weight: 500;
	    color: rgba(78, 78, 78, .15);
	    font-size: 74px;
	    text-align: center;
	    text-transform: uppercase
	}
	
	.section-title h3:after {
	    position: absolute;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    width: 37px;
	    height: 1px;
	    margin: -20px auto;
	    content: '';
	    opacity: 1
	}
	
	.our-companies {
	    text-align: center;
	    background: #5a55551f;
	    padding-bottom: 45px;
	    background-size: 42%;
	    padding-top: 45px;
	    */background-attachment: fixed!important;
	    background-repeat: repeat;
	    background-position: 0 0;
	    padding-top: 40px;
	    padding-bottom: 50px;
	    color: #0c110b;
	    -webkit-animation: slide 20s linear infinite;
	    animation: slide 10s linear infinite;
	    float: left;
	    width: 100%;
	}
	
	.section-title.white h3 {
	    color: #fff
	}
	
	.section-title.white h3:after {
	    background: #fff!important
	}
	
	.section-title.left h3:after {
	    left: 0;
	    right: 100%
	}
	
	.section-title span i:before {
	    font-size: 40px;
	    color: #ed1c24
	}
	
	.footer-title h3 {
	    font-size: 17px;
	    text-transform: uppercase;
	    color: #fff;
	    position: relative;
	    margin-bottom: 20px
	}
	
	.section-title-sm h3 {
	    font-size: 30px;
	    line-height: 30px;
	    text-transform: uppercase
	}
	
	.section-title-sm h3 span {
	    color: #ed1c24
	}
	
	.section-title-2 {
	    font-size: 16px;
	    line-height: 22px;
	    position: relative;
	    margin: 0 0 50px;
	    color: #24252a
	}
	
	.section-title-2 h3 {
	    font-size: 16px;
	    line-height: 22px;
	    margin-bottom: 50px
	}
	
	.section-title-2 h3 span {
	    color: #ed1c24!important
	}
	
	.section-title-2:after {
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 25px;
	    height: 2px;
	    margin: -27px auto;
	    content: '';
	    opacity: 1;
	    background: #ed1c24
	}
	
	.section-title-2.white h3 {
	    color: #fff
	}
	
	.section-title-2 span i:before {
	    font-size: 40px;
	    color: #ed1c24
	}
	
	.section-title-2.center {
	    text-align: center
	}
	
	.section-title-2.center:after {
	    left: 0;
	    right: 0;
	    width: 40px;
	    height: 3px;
	    margin: -28px auto
	}
	
	blockquote {
	    padding: 12.5px 25px;
	    margin: 0 0 25px;
	    font-style: italic;
	    border-left: 3px solid #24252a
	}
	
	blockquote.primary {
	    border-left-color: #ed1c24
	}
	
	blockquote.ash-bg {
	    background-color: #f7f7f7
	}
	
	.divider {
	    margin-top: 20px;
	    margin-bottom: 20px;
	    border-top: 1px solid #999
	}
	
	.divider.dotted {
	    border-top: 1px dotted #999
	}
	
	.divider.dashed {
	    border-top: 1px dashed #999
	}
	
	.bg-color-1 {
	    background: #1f2125
	}
	
	.bg-color-2 {
	    background: #111010
	}
	
	.parallax {
	    background-repeat: no-repeat;
	    background-attachment: fixed;
	    background-position: 50% 0;
	    background-size: cover
	}
	
	[class^="flaticon-"]:before,
	[class*=" flaticon-"]:before,
	[class^="flaticon-"]:after,
	[class*=" flaticon-"]:after {
	    margin-left: 0
	}
	
	.fa-ul li {
	    padding: 5px 0
	}
	
	.fa-ul li .fa-li {
	    margin-top: 8px;
	    color: #3568B2
	}
	
	.flex-control-thumbs {
	    margin: 20px 0 0;
	    position: static;
	    overflow: visible
	}
	
	.flex-control-thumbs li {
	    float: none;
	    width: 60px;
	    height: 60px;
	    overflow: hidden;
	    transform: rotate(-45deg);
	    margin: 0 8px
	}
	
	.flex-control-thumbs img {
	    border: 2px solid #545454;
	    opacity: .4;
	    -webkit-transition: all 0.3s;
	    transition: all 0.3s;
	    position: relative;
	    z-index: 0
	}
	
	.flex-control-thumbs img.flex-active {
	    border: 2px solid #ed1c24;
	    z-index: 1
	}
	
	.flex-control-thumbs img:hover {
	    border: 2px solid #ed1c24;
	    z-index: 1
	}
	
	.hvr-in {
	    display: inline-block;
	    vertical-align: middle;
	    -webkit-transform: perspective(1px) translateZ(0);
	    transform: perspective(1px) translateZ(0);
	    box-shadow: 0 0 1px transparent;
	    position: relative;
	    background: #ed1c24;
	    -webkit-transition-property: color;
	    transition-property: color;
	    -webkit-transition-duration: 0.3s;
	    transition-duration: 0.3s
	}
	
	.hvr-in:before {
	    content: "";
	    position: absolute;
	    z-index: -1;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    background: #1f2125;
	    -webkit-transform: scaleX(1);
	    transform: scaleX(1);
	    -webkit-transform-origin: 50%;
	    transform-origin: 50%;
	    -webkit-transition-property: transform;
	    transition-property: transform;
	    -webkit-transition-duration: 0.3s;
	    transition-duration: 0.3s;
	    -webkit-transition-timing-function: ease-out;
	    transition-timing-function: ease-out
	}
	
	.hvr-in:hover,
	.hvr-in:focus,
	.hvr-in:active {
	    color: white
	}
	
	.hvr-in:hover:before,
	.hvr-in:hover:before,
	.hvr-in:hover:before,
	.hvr-in:focus:before,
	.hvr-in:focus:before,
	.hvr-in:focus:before,
	.hvr-in:active:before,
	.hvr-in:active:before,
	.hvr-in:active:before {
	    -webkit-transform: scaleX(0);
	    transform: scaleX(0)
	}
	
	.hvr-out {
	    display: inline-block;
	    vertical-align: middle;
	    -webkit-transform: perspective(1px) translateZ(0);
	    transform: perspective(1px) translateZ(0);
	    box-shadow: 0 0 1px transparent;
	    position: relative;
	    background: #ed1c24;
	    -webkit-transition-property: color;
	    transition-property: color;
	    -webkit-transition-duration: 0.3s;
	    transition-duration: 0.3s
	}
	
	.hvr-out:before {
	    content: "";
	    position: absolute;
	    z-index: -1;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    background: #000;
	    -webkit-transform: scaleX(0);
	    transform: scaleX(0);
	    -webkit-transform-origin: 50%;
	    transform-origin: 50%;
	    -webkit-transition-property: transform;
	    transition-property: transform;
	    -webkit-transition-duration: 0.3s;
	    transition-duration: 0.3s;
	    -webkit-transition-timing-function: ease-out;
	    transition-timing-function: ease-out
	}
	
	.hvr-out:hover,
	.hvr-out:focus,
	.hvr-out:active {
	    color: white
	}
	
	.hvr-out:hover:before,
	.hvr-out:hover:before,
	.hvr-out:hover:before,
	.hvr-out:focus:before,
	.hvr-out:focus:before,
	.hvr-out:focus:before,
	.hvr-out:active:before,
	.hvr-out:active:before,
	.hvr-out:active:before {
	    -webkit-transform: scaleX(1);
	    transform: scaleX(1)
	}
	
	.shadow {
	    box-shadow: -25px 0 30px -15px rgba(0, 0, 0, .15), 25px 0 30px -15px rgba(0, 0, 0, .15)
	}
	
	.switcher-box {
	    display: none;
	    width: 212px;
	    position: fixed;
	    left: -212px;
	    top: 40%;
	    text-align: center;
	    z-index: 99999999999;
	    background-color: #fff;
	    border-radius: 0 0 2px 0;
	    border-radius: 0 5px 5px 0;
	    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	    transition: all 0.4s ease-in-out;
	    -moz-transition: all 0.4s ease-in-out;
	    -webkit-transition: all 0.4s ease-in-out;
	    -o-transition: all 0.4s ease-in-out
	}
	
	.switcher-box i {
	    color: #ed1c24
	}
	
	.switcher-box h4 {
	    display: block;
	    height: 40px;
	    line-height: 42px;
	    font-size: 14px;
	    font-weight: 700;
	    color: #fff;
	    background-color: #333;
	    margin-bottom: 10px
	}
	
	.switcher-box span {
	    display: block;
	    padding: 5px 20px;
	    text-align: left
	}
	
	.switcher-box .colors-list {
	    padding: 0 18px 0 18px;
	    margin-bottom: 8px;
	    line-height: 20px
	}
	
	.switcher-box .colors-list li {
	    display: inline-block;
	    margin-right: 2px
	}
	
	.switcher-box .colors-list li a {
	    display: block;
	    width: 24px;
	    height: 18px;
	    cursor: pointer
	}
	
	.switcher-box .bg-list {
	    padding: 0 18px 0 18px;
	    margin-bottom: 18px
	}
	
	.switcher-box .bg-list li {
	    display: inline-block;
	    margin-right: 2px
	}
	
	.switcher-box .bg-list li a {
	    display: block;
	    width: 20px;
	    height: 20px
	}
	
	.switcher-box .bg-list li a.bg1 {
	    background: url(../images/patterns/1.png) repeat
	}
	
	.switcher-box .bg-list li a.bg2 {
	    background: url(../images/patterns/2.html) repeat
	}
	
	.switcher-box .bg-list li a.bg3 {
	    background: url(../images/patterns/3.html) repeat
	}
	
	.switcher-box .bg-list li a.bg4 {
	    background: url(../images/patterns/4.html) repeat
	}
	
	.switcher-box .bg-list li a.bg5 {
	    background: url(../images/patterns/5.html) repeat
	}
	
	.switcher-box .bg-list li a.bg6 {
	    background: url(../images/patterns/6.html) repeat
	}
	
	.switcher-box .bg-list li a.bg7 {
	    background: url(../images/patterns/7.html) repeat
	}
	
	.switcher-box .bg-list li a.bg8 {
	    background: url(../images/patterns/8.html) repeat
	}
	
	.switcher-box .bg-list li a.bg9 {
	    background: url(../images/patterns/9.html) repeat
	}
	
	.switcher-box .bg-list li a.bg10 {
	    background: url(../images/patterns/10.html) repeat
	}
	
	.switcher-box .bg-list li a.bg11 {
	    background: url(../images/patterns/11.html) repeat
	}
	
	.switcher-box .bg-list li a.bg12 {
	    background: url(../images/patterns/12.html) repeat
	}
	
	.switcher-box .bg-list li a.bg13 {
	    background: url(../images/patterns/13.html) repeat
	}
	
	.switcher-box .bg-list li a.bg14 {
	    background: url(../images/patterns/14.html) repeat
	}
	
	.switcher-box .open-switcher {
	    width: 40px;
	    height: 40px;
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 100%;
	    border-radius: 0 2px 2px 0;
	    background: #444 center no-repeat;
	    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	    box-shadow: 0 0 4px rgba(0, 0, 0, .2)
	}
	
	.switcher-box .open-switcher:hover {
	    background: #444 center no-repeat;
	    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	    box-shadow: 0 0 4px rgba(0, 0, 0, .2);
	    color: #fff
	}
	
	.switcher-box .open-switcher i {
	    text-align: center;
	    padding-top: 7px
	}
	
	.template-preview {
	    overflow: hidden;
	    position: relative;
	    display: block;
	    margin-bottom: 60px
	}
	
	.template-preview img {
	    -webkit-transition: -webkit-transform 0.4s;
	    -moz-transition: -moz-transform 0.4s;
	    transition: transform 0.4s
	}
	
	.template-preview .preview-details {
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    display: block;
	    overflow: hidden;
	    background: #222;
	    opacity: 0;
	    -webkit-transform: translateY(100%);
	    -moz-transform: translateY(100%);
	    -ms-transform: translateY(100%);
	    transform: translateY(100%);
	    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	    transition: transform 0.4s, opacity 0.1s 0.3s
	}
	
	.template-preview .preview-details h4 {
	    display: inline-block;
	    color: #fff;
	    text-transform: none;
	    font-size: 15px;
	    font-weight: 400;
	    padding: 13px 10px 10px 10px
	}
	
	.template-preview .preview-details a {
	    float: right;
	    color: #ed1c24;
	    background-color: #ed1c24;
	    color: #fff;
	    padding: 10px 15px
	}
	
	.template-preview:hover img {
	    -webkit-transform: translateY(-40px);
	    transform: translateY(-40px)
	}
	
	.template-preview:hover .preview-details {
	    opacity: 1;
	    -webkit-transform: translateY(0);
	    -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	    transform: translateY(0);
	    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
	    transition: transform 0.4s, opacity 0.1s
	}
	
	@media screen and (min-width:768px) {
	    .navbar.navbar-default {
	        margin-bottom: 0;
	        background: #fff;
	        border: none;
	        height: 125px;
	        border-radius: 0;
	        border-bottom: 1px solid #e8e8e8;
	        transition: all 0.2s ease-in-out;
	        -moz-transition: all 0.2s ease-in-out;
	        -webkit-transition: all 0.2s ease-in-out;
	        -o-transition: all 0.2s ease-in-out;
	        border-top: 1px solid #eaeaeaa1
	    }
	    .navbar.navbar-default .navbar-brand {
	        margin-top: 0
	    }
	    .People {
	        height: 100%;
	        width: 100%;
	        display: block;
	        background: #f1f1f170;
	        background-size: 46%;
	        padding-top: 50px;
	        padding-bottom: 60px;
	        float: left
	    }
	    canvas {
	        display: block
	    }
	    .sectionContainer1 h3 b {
	        color: #3568B2
	    }
	    .garphics_wrap {
	        margin-top: 100px;
	        width: 100%;
	        float: left;
	        height: 280px;
	        position: relative
	    }
	    .graphic_back {
	        background: url(../images/building-back.html) repeat-x 0 bottom;
	        width: 100%;
	        height: 279px;
	        position: absolute;
	        bottom: 0;
	        z-index: 1;
	        left: 0
	    }
	    .graphic_front {
	        background: url(../images/building-front.html) repeat-x 0 bottom;
	        width: 100%;
	        height: 279px;
	        position: absolute;
	        bottom: 0;
	        z-index: 2;
	        left: 0
	    }
	    i.fa.fa-cog.fa-spin.fa-3x.fa-fw {
	        font-size: 15px;
	        margin-right: 4px
	    }
	    .navbar.navbar-default .navbar-collapse {
	        padding-left: 0;
	        padding-right: 0
	    }
	    .navbar.navbar-default .navbar-nav {
	        transition: all 0.2s ease-in-out;
	        -moz-transition: all 0.2s ease-in-out;
	        -webkit-transition: all 0.2s ease-in-out;
	        -o-transition: all 0.2s ease-in-out
	    }
	    .navbar.navbar-default .navbar-nav>li {
	        position: inherit
	    }
	    .navbar.navbar-default .navbar-nav>li>a {
	        color: #333;
	        font-size: 13px;
	        font-weight: 600;
	        text-transform: uppercase;
	        transition: all 0.2s ease-in-out;
	        -moz-transition: all 0.2s ease-in-out;
	        -webkit-transition: all 0.2s ease-in-out;
	        -o-transition: all 0.2s ease-in-out;
	        padding: 30px 20px
	    }
	    .navbar.navbar-default .navbar-nav>li>a:hover,
	    .navbar.navbar-default .navbar-nav>li>a.active {
	        color: #3568B2!important
	    }
	    .navbar.navbar-default .navbar-nav li.drop {
	        position: relative
	    }
	    .navbar.navbar-default .navbar-nav li.drop ul.drop-down {
	        margin: 0;
	        position: absolute;
	        top: 80%;
	        left: 0;
	        width: 270px;
	        visibility: hidden;
	        opacity: 0;
	        z-index: 3;
	        text-align: left;
	        padding: 10px 20px;
	        background: #fff;
	        box-shadow: 0 0 4px #bdbdbd;
	        -webkit-box-shadow: 0 0 4px #bdbdbd;
	        -moz-box-shadow: 0 0 4px #bdbdbd;
	        -o-box-shadow: 0 0 4px #bdbdbd;
	        transition: all 0.2s ease-in-out;
	        -moz-transition: all 0.2s ease-in-out;
	        -webkit-transition: all 0.2s ease-in-out;
	        -o-transition: all 0.2s ease-in-out
	    }
	    .navbar.navbar-default .navbar-nav li.drop ul.drop-down li {
	        list-style: none;
	        display: block;
	        margin: 0;
	        position: relative
	    }
	    .navbar.navbar-default .navbar-nav li.drop ul.drop-down li:last-child {
	        border-bottom: 0
	    }
	    .navbar.navbar-default .navbar-nav li.drop ul.drop-down li a {
	        display: inline-block;
	        text-transform: uppercase;
	        text-decoration: none;
	        transition: all 0.3s ease-in-out;
	        -moz-transition: all 0.3s ease-in-out;
	        -webkit-transition: all 0.3s ease-in-out;
	        -o-transition: all 0.3s ease-in-out;
	        display: block;
	        color: #333;
	        font-size: 13px;
	        padding: 10px;
	        font-weight: 400;
	        margin: 0
	    }
	    .navbar.navbar-default .navbar-nav li.drop ul.drop-down li a i {
	        float: left;
	        line-height: 24px;
	        color: #3568B2
	    }
	    .navbar.navbar-default .navbar-nav li.drop ul.drop-down li a:hover,
	    .navbar.navbar-default .navbar-nav li.drop ul.drop-down li a.active {
	        color: #3568B2;
	        padding-left: 14px;
	        width: 100%
	    }
	    .navbar.navbar-default .navbar-nav li.drop ul.drop-down li ul.drop-down.level3 {
	        top: 0;
	        left: 80%;
	        width: 200px;
	        border-bottom: none;
	        opacity: 0;
	        visibility: hidden;
	        transition: all 0.2s ease-in-out;
	        -moz-transition: all 0.2s ease-in-out;
	        -webkit-transition: all 0.2s ease-in-out;
	        -o-transition: all 0.2s ease-in-out
	    }
	    .navbar.navbar-default .navbar-nav li.drop ul.drop-down li:hover ul.drop-down.level3 {
	        opacity: 1;
	        left: 100%;
	        visibility: visible
	    }
	    .navbar.navbar-default .navbar-nav li.drop ul.drop-down li input[type="search"] {
	        margin: 10px 25px;
	        box-shadow: 0;
	        border: 1px solid #ccc;
	        outline: none;
	        font-size: 13px;
	        padding-left: 10px
	    }
	    .navbar.navbar-default .navbar-nav li.drop ul.drop-down li input[type="search"]:focus {
	        border: 1px solid #ed1c24
	    }
	    .navbar.navbar-default .navbar-nav li.drop ul.drop-down.right-side {
	        left: inherit;
	        right: 0
	    }
	    .navbar.navbar-default .navbar-nav li.drop:hover>ul.drop-down {
	        visibility: visible;
	        opacity: 1;
	        top: 100%
	    }
	    .navbar.navbar-default .navbar-nav li.megadrop:hover .megadrop-down {
	        visibility: visible;
	        opacity: 1;
	        top: 100%
	    }
	    .navbar.navbar-default .navbar-nav li.megadrop .megadrop-down {
	        background: transparent;
	        z-index: 999;
	        position: absolute;
	        width: 100%;
	        top: 80%;
	        left: 0;
	        visibility: hidden;
	        opacity: 0;
	        transition: all 0.3s ease-in;
	        -moz-transition: all 0.3s ease-in;
	        -webkit-transition: all 0.3s ease-in;
	        -o-transition: all 0.3s ease-in
	    }
	    .navbar.navbar-default .navbar-nav li.megadrop .megadrop-down .dropdown {
	        background: #fff;
	        text-align: left;
	        padding: 25px;
	        box-shadow: 0 0 4px #bdbdbd;
	        -webkit-box-shadow: 0 0 4px #bdbdbd;
	        -moz-box-shadow: 0 0 4px #bdbdbd;
	        -o-box-shadow: 0 0 4px #bdbdbd
	    }
	    .navbar.navbar-default .navbar-nav li.megadrop .megadrop-down .dropdown ul:last-child li {
	        border-right: none
	    }
	    .navbar.navbar-default .navbar-nav li.megadrop .megadrop-down .dropdown ul li {
	        list-style: none;
	        padding: 10px 0
	    }
	    .navbar.navbar-default .navbar-nav li.megadrop .megadrop-down .dropdown ul li:last-child {
	        padding-bottom: 0;
	        border: 0
	    }
	    .navbar.navbar-default .navbar-nav li.megadrop .megadrop-down .dropdown ul li a {
	        color: #333;
	        display: inline-block;
	        text-decoration: none;
	        text-transform: uppercase;
	        transition: all 0.3s ease-in-out;
	        -moz-transition: all 0.3s ease-in-out;
	        -webkit-transition: all 0.3s ease-in-out;
	        -o-transition: all 0.3s ease-in-out;
	        display: block;
	        font-size: 13px;
	        font-weight: 400;
	        margin: 0
	    }
	    .navbar.navbar-default .navbar-nav li.megadrop .megadrop-down .dropdown ul li a i {
	        padding-right: 5px
	    }
	    .navbar.navbar-default .navbar-nav li.megadrop .megadrop-down .dropdown ul li a:hover,
	    .navbar.navbar-default .navbar-nav li.megadrop .megadrop-down .dropdown ul li a.active {
	        color: #ed1c24
	    }
	    .navbar.navbar-default.primary-color {
	        background-color: #ed1c24
	    }
	    .navbar.navbar-default.dark-color {
	        background-color: #222
	    }
	    .navbar.navbar-default.boxed-width.primary-color {
	        background-color: transparent
	    }
	    .navbar.navbar-default.boxed-width.primary-color .navbar-collapse {
	        background-color: #ed1c24
	    }
	    .navbar.navbar-default.boxed-width.dark-color {
	        background-color: transparent
	    }
	    .navbar.navbar-default.boxed-width.dark-color .navbar-collapse {
	        background-color: #222
	    }
	    .navbar.navbar-default.primary-color .navbar-nav>li>a {
	        color: #333!important
	    }
	    .navbar.navbar-default.primary-color .navbar-nav>li>a:hover,
	    .navbar.navbar-default.primary-color .navbar-nav>li>a.active {
	        color: #fff!important
	    }
	    .navbar.navbar-default.primary-color .navbar-nav li.drop ul.drop-down {
	        background: #ef343b
	    }
	    .navbar.navbar-default.primary-color .navbar-nav li.drop ul.drop-down li a {
	        color: #333
	    }
	    .navbar.navbar-default.primary-color .navbar-nav li.drop ul.drop-down li a:hover,
	    .navbar.navbar-default.primary-color .navbar-nav li.drop ul.drop-down li a.active {
	        color: #fff
	    }
	    .navbar.navbar-default.primary-color .navbar-nav li.megadrop .megadrop-down .dropdown {
	        background: #ef343b
	    }
	    .navbar.navbar-default.primary-color .navbar-nav li.megadrop .megadrop-down .dropdown ul li a {
	        color: #333
	    }
	    .navbar.navbar-default.primary-color .navbar-nav li.megadrop .megadrop-down .dropdown ul li a:hover,
	    .navbar.navbar-default.primary-color .navbar-nav li.megadrop .megadrop-down .dropdown ul li a.active {
	        color: #fff
	    }
	    .navbar.navbar-default.dark-color .navbar-nav>li>a {
	        color: #fff!important
	    }
	    .navbar.navbar-default.dark-color .navbar-nav>li>a:hover,
	    .navbar.navbar-default.dark-color .navbar-nav>li>a.active {
	        color: #ed1c24!important
	    }
	    .navbar.navbar-default.dark-color .navbar-nav li.drop ul.drop-down {
	        background: #2f2f2f
	    }
	    .navbar.navbar-default.dark-color .navbar-nav li.drop ul.drop-down li a {
	        color: #fff
	    }
	    .navbar.navbar-default.dark-color .navbar-nav li.drop ul.drop-down li a:hover,
	    .navbar.navbar-default.dark-color .navbar-nav li.drop ul.drop-down li a.active {
	        color: #ed1c24
	    }
	    .navbar.navbar-default.dark-color .navbar-nav li.megadrop .megadrop-down .dropdown {
	        background: #2f2f2f
	    }
	    .navbar.navbar-default.dark-color .navbar-nav li.megadrop .megadrop-down .dropdown ul li a {
	        color: #fff
	    }
	    .navbar.navbar-default.dark-color .navbar-nav li.megadrop .megadrop-down .dropdown ul li a:hover,
	    .navbar.navbar-default.dark-color .navbar-nav li.megadrop .megadrop-down .dropdown ul li a.active {
	        color: #ed1c24
	    }
	    .navbar.navbar-default.bottom-nav .navbar-brand {
	        margin-top: 0
	    }
	    .navbar.navbar-default.bottom-nav .navbar-nav>li>a {
	        padding: 20px 30px
	    }
	    .navbar.navbar-default.bottom-nav.primary-color .navbar-nav>li>a:hover,
	    .navbar.navbar-default.bottom-nav.primary-color .navbar-nav>li>a.active {
	        background: #de1219
	    }
	    .navbar.navbar-default.bottom-nav.dark-color .navbar-nav>li>a:hover,
	    .navbar.navbar-default.bottom-nav.dark-color .navbar-nav>li>a.active {
	        background: #151515
	    }
	}
	
	@media screen and (min-width:768px) and (max-width:992px) {
	    .navbar-default .navbar-brand {
	        padding: 20px 15px 10px!important
	    }
	}
	
	nav.navbar.navbar-default {
	    height: auto;
	}
	
	ul.filter li {
	    display: inline-block !important;
	}
	
	@media screen and (max-width:767px) {
	    .navbar-default {
	        text-align: left;
	        margin-bottom: 0
	    }
	    .navbar-default .navbar-brand img {
	        margin-top: 15px;
	        /*margin-bottom:10px;*/
	        float: left;
	    }
	    .navbar-default .navbar-collapse.collapse.in {
	        max-height: 300px;
	        overflow-y: scroll
	    }
	    .navbar-nav>li>a {
	        padding: 5px 15px;
	        font-weight: 700;
	        text-transform: uppercase
	    }
	    .navbar-nav li ul.drop-down {
	        position: relative;
	        top: inherit;
	        left: inherit;
	        width: 100%;
	        visibility: visible;
	        opacity: 1;
	        padding: 5px 0;
	        background: transparent;
	        border-top: none;
	        box-shadow: none;
	        -webkit-box-shadow: none;
	        -moz-box-shadow: none;
	        -o-box-shadow: none
	    }
	    .navbar-nav li ul.drop-down li a {
	        padding: 3px 30px;
	        text-transform: uppercase;
	        color: #333232
	    }
	    .navbar-nav li ul.drop-down li ul.drop-down.level3 {
	        top: inherit;
	        left: inherit;
	        width: 100%;
	        position: relative;
	        visibility: visible;
	        box-shadow: none;
	        -webkit-box-shadow: none;
	        -moz-box-shadow: none;
	        -o-box-shadow: none;
	        opacity: 1
	    }
	    .navbar-nav li ul.drop-down li ul.drop-down.level3 li {
	        padding-left: 10px
	    }
	    .navbar-nav li ul.drop-down li ul.drop-down.level3 li a {
	        color: #ed1c24
	    }
	    .navbar-nav li ul.drop-down li input[type="search"] {
	        margin: 10px 25px;
	        box-shadow: 0;
	        border: 1px solid #ccc;
	        outline: none;
	        font-size: 13px;
	        padding-left: 10px
	    }
	    .navbar-nav li ul.drop-down li input[type="search"]:focus {
	        border: 1px solid #ed1c24
	    }
	    .navbar-nav li.megadrop .megadrop-down {
	        position: relative;
	        top: inherit;
	        left: inherit;
	        visibility: visible;
	        opacity: 1
	    }
	    .navbar-nav li.megadrop .megadrop-down .dropdown {
	        padding: 0 15px;
	        background: transparent;
	        border-top: none;
	        box-shadow: none;
	        -webkit-box-shadow: none;
	        -moz-box-shadow: none;
	        -o-box-shadow: none
	    }
	    .navbar-nav li.megadrop .megadrop-down .dropdown ul {
	        margin-bottom: 0
	    }
	    .navbar-nav li.megadrop .megadrop-down .dropdown ul li {
	        padding-bottom: 5px!important;
	        border-right: none
	    }
	    .navbar-nav li.megadrop .megadrop-down .dropdown ul li a {
	        color: #ed1c24;
	        text-transform: uppercase
	    }
	    .navbar-nav li.megadrop .megadrop-down .dropdown ul li a i {
	        display: none
	    }
	    .navbar-default.primary-color {
	        background-color: #ed1c24;
	        border-color: #ed1c24
	    }
	    .navbar-default.primary-color .navbar-collapse.collapse.in {
	        background: #fff
	    }
	    .hidden {
	        display: none!important
	    }
	    .navbar-brand.separate {
	        display: inherit;
	        text-align: center;
	        margin-bottom: 20px
	    }
	}
	
	.navbar-brand.separate {
	    padding-left: 0
	}
	
	.top-header {
	    /*background-image:url(../images/bg/header-bg.jpg);background-size:cover;*/
	    height: 40px
	}
	
	.top-header .top-phone,
	.top-header .top-address {
	    padding: 5px 0;
	    font-size: 14px;
	    color: #fff;
	    display: inline-block
	}
	
	.top-header .top-address {
	    margin-right: 0
	}
	
	.top-header.primary-bg {
	    background: #ed1c24
	}
	
	.social-top ul.top-social li {
	    font-size: 16px;
	    line-height: 16px;
	    display: inline-block;
	    margin: 0 1px 0 0;
	    height: 30px;
	    background: #fff0;
	    list-style: none;
	    text-align: center;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	    width: 30px;
	    border: 1px solid #fff
	}
	
	.social-top ul.top-social li:first-child {
	    margin-left: 0
	}
	
	.social-top ul.top-social li a {
	    text-decoration: none;
	    color: #3568B2;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	    line-height: 2
	}
	
	.social-top ul.top-social li a i {
	    text-align: center;
	    padding-top: 3px;
	    color: white
	}
	
	.social-top ul.top-social li:hover {
	    background: #3568B2
	}
	
	.social-top ul.top-social li:hover i {
	    color: #fff
	}
	
	.header-address {
	    margin-top: 5px
	}
	
	.header-address a {
	    display: inline-block;
	    text-align: center;
	    font-size: 34px;
	    width: 50px;
	    height: 50px;
	    color: #ed1c24
	}
	
	.header-address i {
	    margin-top: 12px;
	    margin-left: 2px
	}
	
	.header-address .header-content {
	    display: inline-block
	}
	
	.header-address .header-content h5 {
	    font-size: 13px;
	    text-transform: uppercase
	}
	
	.header-address .header-content p {
	    font-size: 13px
	}
	
	.banner {
	    padding: 200px 0
	}
	
	.banner h1 {
	    font-size: 70px;
	    line-height: 70px;
	    font-weight: 700;
	    margin-bottom: 40px
	}
	
	.banner h1 span {
	    color: #ed1c24!important
	}
	
	.banner p {
	    margin-bottom: 50px
	}
	
	.banner.white h1,
	.banner.white p {
	    color: #fff
	}
	
	.banner.primary h1,
	.banner.primary p {
	    color: #ed1c24
	}
	
	.rev_slider_wrapper .tp-leftarrow.hermes {
	    position: absolute;
	    left: 0!important
	}
	
	.rev_slider_wrapper .tp-rightarrow.hermes {
	    position: absolute;
	    right: 0!important
	}
	
	.rev_slider_wrapper .btn.btn-primary:hover {
	    color: #fff!important
	}
	
	.rev_slider_wrapper .tp-caption.revson-style span {
	    color: #ed1c24!important
	}
	
	#main-slide .item img {
	    width: 100%
	}
	
	#main-slide .item .slider-content {
	    z-index: 0;
	    opacity: 0;
	    -webkit-transition: opacity 500ms;
	    -moz-transition: opacity 500ms;
	    -o-transition: opacity 500ms;
	    transition: opacity 500ms
	}
	
	#main-slide .item.active .slider-content {
	    z-index: 0;
	    opacity: 1;
	    -webkit-transition: opacity 100ms;
	    -moz-transition: opacity 100ms;
	    -o-transition: opacity 100ms;
	    transition: opacity 100ms
	}
	
	#main-slide .carousel-indicators {
	    bottom: 30px
	}
	
	#main-slide .carousel-indicators li {
	    width: 10px!important;
	    height: 10px!important;
	    border: 2px solid #3568B2!important;
	    margin: 1px!important
	}
	
	#main-slide .carousel-control.left,
	#main-slide .carousel-control.right {
	    opacity: 1;
	    filter: alpha(opacity=100);
	    background-image: none;
	    background-repeat: no-repeat;
	    text-shadow: none
	}
	
	#main-slide .carousel-control.left span {
	    padding: 15px
	}
	
	#main-slide .carousel-control.right span {
	    padding: 15px
	}
	
	#main-slide .carousel-control .fa-angle-left,
	#main-slide .carousel-control .fa-angle-right {
	    position: absolute;
	    top: 40%;
	    z-index: 5;
	    display: inline-block
	}
	
	#main-slide .carousel-control .fa-angle-left {
	    left: 0
	}
	
	#main-slide .carousel-control .fa-angle-right {
	    right: 0
	}
	
	#main-slide .carousel-control i {
	    background: rgb(0, 133, 207);
	    color: #fff;
	    line-height: 36px;
	    font-size: 32px;
	    padding: 8px 10px;
	    -moz-transition: all 500ms ease;
	    -webkit-transition: all 500ms ease;
	    -ms-transition: all 500ms ease;
	    -o-transition: all 500ms ease;
	    transition: all 500ms ease
	}
	
	#main-slide .slider-content {
	    top: 77%;
	    margin-top: -70px;
	    left: 0;
	    padding: 0;
	    text-align: center;
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    color: #fff
	}
	
	#main-slide .slider-content h1 {
	    font-size: 50px;
	    font-weight: 700;
	    line-height: 50px;
	    letter-spacing: 5px;
	    margin-bottom: 55px;
	    color: #fff;
	    text-transform: uppercase
	}
	
	#main-slide .slider-content h1 strong {
	    color: #ffb100
	}
	
	#main-slide .slider-content p {
	    font-size: 30px;
	    font-weight: 300;
	    line-height: 35px;
	    letter-spacing: 1px;
	    margin-bottom: 55px;
	    color: #fff
	}
	
	#main-slide .slider-content h2.white,
	#main-slide .slider-content h3.white {
	    color: #fff
	}
	
	.slider.btn {
	    padding: 10px 40px;
	    font-size: 20px;
	    border-radius: 2px;
	    text-transform: uppercase;
	    line-height: 28px;
	    font-weight: 300;
	    border: 0;
	    -moz-transition: all 300ms ease;
	    -webkit-transition: all 300ms ease;
	    -ms-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    transition: all 300ms ease
	}
	
	.slider.btn.btn-default {
	    margin-left: 4px;
	    background: #ECECEC
	}
	
	.slider.btn.btn-default:hover {
	    background: #000;
	    color: #fff
	}
	
	.slider-content-left {
	    position: relative;
	    margin: 0 0 0 40px
	}
	
	.slider-content-right {
	    position: relative
	}
	
	.carousel .item.active .animated1 {
	    -webkit-animation: lightSpeedIn 1s ease-in 800ms both;
	    animation: lightSpeedIn 1s ease-in 800ms both
	}
	
	.carousel .item.active .animated2 {
	    -webkit-animation: bounceIn 1s ease-in 800ms both;
	    animation: bounceIn 1s ease-in 800ms both
	}
	
	.carousel .item.active .animated3 {
	    -webkit-animation: flipInX 2s ease-in-out 800ms both;
	    animation: flipInX 2s ease-in-out 800ms both
	}
	
	@media (min-width:992px) {
	    #main-slide .slider-content h1 {
	        font-size: 50px
	    }
	}
	
	@media (min-width:768px) and (max-width:991px) {
	    #main-slide .slider-content h1 {
	        font-size: 35px;
	        margin-bottom: 10px;
	        margin-top: 0
	    }
	    #main-slide .slider-content p {
	        font-size: 20px;
	        margin-top: 0;
	        line-height: 25px
	    }
	    .slider.btn {
	        padding: 5px 25px;
	        margin-top: 5px;
	        font-size: 16px
	    }
	}
	
	@media (max-width:767px) {
	    #main-slide .slider-content h1 {
	        font-size: 28px;
	        line-height: normal;
	        margin-bottom: 0
	    }
	    #main-slide .slider-content p {
	        font-size: 14px;
	        line-height: 18px;
	        margin-top: 25px
	    }
	    .slider.btn {
	        padding: 0 15px;
	        margin-top: 0;
	        font-size: 12px
	    }
	    #main-slide .carousel-indicators {
	        bottom: 0
	    }
	    #main-slide .carousel-control {
	        display: none
	    }
	}
	
	@media (max-width:480px) {
	    .worklist li {
	        width: 100% !important;
	    }
	    .wrap2 h1 {
	        font-size: 22px;
	    }
	    .wpb_column.vc_column_container.vc_col-sm-4.sm-border-box {
	        width: 100% !important;
	    }
	    .gridOneSix {
	        width: 100% !important;
	    }
	    .call-to-action.white h3,
	    .call-to-action.white p {
	        font-size: 30px !important;
	    }
	    .footer-title {
	        margin-top: 10px;
	    }
	    .banner-bottom-tab a {
	        font-size: 6px !important;
	    }
	    img.wow.bounceInDown.center {
	        width: 30px;
	    }
	    .right-call {
	        margin-right: 0px !important;
	        right: 10px !important;
	    }
	    .right-call .top-phone.mr10 {
	        width: auto !important;
	    }
	    #main-slide .slider-content h1 {
	        font-size: 13px;
	        line-height: 0;
	        margin-top: 32px
	    }
	    #main-slide .slider-content p {
	        font-size: 12px
	    }
	    #main-slide .slider-content a {
	        display: none
	    }
	    #main-slide .carousel-control {
	        display: none
	    }
	}
	
	.feature-1 {
	    margin-right: 15px;
	    margin-bottom: 30px
	}
	
	.feature-1 h4 {
	    font-size: 18px;
	    letter-spacing: 1px;
	    color: #000;
	    margin-top: 0;
	    line-height: 24px;
	    text-transform: uppercase;
	    margin-bottom: 10px
	}
	
	.feature-1 h4 span {
	    float: right;
	    font-size: 44px;
	    color: #ed1c24;
	    opacity: .7;
	    position: relative;
	    top: -16px;
	    -webkit-transition: all 0.3s;
	    transition: all 0.3s
	}
	
	.feature-1:hover h4 span {
	    padding-right: 10px
	}
	
	.feature-2 {
	    margin-bottom: 30px
	}
	
	.feature-2 .feature-icon i {
	    font-size: 45px;
	    width: 45px;
	    height: 45px;
	    line-height: 45px;
	    color: #3568B2;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s
	}
	
	.feature-2 .feature-icon i:before {
	    font-size: 45px
	}
	
	.feature-2 .media-body {
	    padding-left: 10px
	}
	
	.feature-2 .media-body h3 {
	    font-size: 18px;
	    line-height: 24px;
	    margin-bottom: 15px;
	    text-transform: uppercase;
	    color: #000;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s
	}
	
	.feature-2.white .media-body {
	    color: #fff
	}
	
	.feature-2.white .media-body h3 {
	    color: #fff
	}
	
	.feature-2.yellow-icon .feature-icon i {
	    color: #f6d014
	}
	
	.feature-2.blue-icon .feature-icon i {
	    color: #00bcd4
	}
	
	.feature-3 {
	    padding: 50px;
	    margin-bottom: 30px;
	    overflow: hidden
	}
	
	.feature-3 i {
	    font-size: 60px;
	    color: #ed1c24
	}
	
	.feature-3 i:before {
	    font-size: 60px
	}
	
	.feature-3 h4 {
	    font-size: 22px;
	    margin-bottom: 20px;
	    margin-top: 30px
	}
	
	.feature-3:hover i {
	    -webkit-animation: moveFromTop 300ms ease;
	    animation: moveFromTop 300ms ease
	}
	
	.feature-3:hover h4 {
	    -webkit-animation: moveFromRight 300ms ease;
	    animation: moveFromRight 300ms ease
	}
	
	.feature-3:hover p {
	    -webkit-animation: moveFromBottom 300ms ease;
	    animation: moveFromBottom 300ms ease
	}
	
	@-webkit-keyframes moveFromTop {
	    from {
	        -webkit-transform: translateY(-100%)
	    }
	    to {
	        -webkit-transform: translateY(0%)
	    }
	}
	
	@-webkit-keyframes moveFromRight {
	    from {
	        -webkit-transform: translateX(100%)
	    }
	    to {
	        -webkit-transform: translateX(0%)
	    }
	}
	
	@-webkit-keyframes moveFromBottom {
	    from {
	        -webkit-transform: translateY(100%)
	    }
	    to {
	        -webkit-transform: translateY(0%)
	    }
	}
	
	.feature-4 {
	    position: relative;
	    margin-bottom: 40px
	}
	
	.feature-4:before {
	    content: '';
	    position: absolute;
	    width: 1px;
	    border-left: 1px dashed #b1b1b1;
	    top: 50%;
	    bottom: 0;
	    left: 38px;
	    margin-bottom: 0
	}
	
	.feature-4 .feature-icon {
	    position: relative
	}
	
	.feature-4 .feature-icon i {
	    border: 1px solid #333;
	    border-radius: 50%;
	    padding: 15px;
	    display: inline-table;
	    font-size: 36px;
	    width: 78px;
	    background: #fff;
	    line-height: 45px;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s
	}
	
	.feature-4 .media-body {
	    padding-left: 10px
	}
	
	.feature-4 .media-body h3 {
	    font-size: 18px;
	    line-height: 24px;
	    margin-bottom: 15px;
	    text-transform: uppercase;
	    color: #3568B2;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s
	}
	
	.feature-4 .media-body h3:hover {
	    color: black
	}
	
	.feature-4:hover .feature-icon i {
	    border: 1px solid #3568B2;
	    background: #3568B2;
	    color: #fff
	}
	
	.feature-4:last-child {
	    margin-bottom: 0
	}
	
	.feature-4:last-child:before {
	    display: none
	}
	
	.feature-5 {
	    padding: 80px 35px;
	    position: relative;
	    overflow: hidden;
	    -webkit-transition: all 300ms linear;
	    transition: all 300ms linear
	}
	
	.feature-5 i {
	    position: relative;
	    font-size: 42px;
	    margin-bottom: 25px;
	    z-index: 2
	}
	
	.feature-5 h4 {
	    position: relative;
	    z-index: 2;
	    margin-bottom: 20px;
	    transition: all .3s;
	    -webkit-transition: all .3s
	}
	
	.feature-5 p {
	    position: relative;
	    z-index: 2;
	    transition: all .3s;
	    -webkit-transition: all .3s;
	    font-size: 14px!important;
	    float: left;
	    display: block;
	    color: #000;
	    text-align: left!important
	}
	
	.feature-5 img {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    opacity: 0;
	    transition: all .3s;
	    -webkit-transition: all .3s;
	    background: #000
	}
	
	.feature-5:hover img {
	    opacity: 1
	}
	
	.feature-5:hover i,
	.feature-5:hover h4,
	.feature-5:hover p {
	    color: #fff
	}
	
	.feature-5:hover i {
	    -webkit-animation: moveFromRightRotate 300ms ease;
	    animation: moveFromRightRotate 300ms ease
	}
	
	.feature-5:hover h4 {
	    -webkit-animation: moveFromLeftRotate 300ms ease;
	    animation: moveFromLeftRotate 300ms ease
	}
	
	.feature-5:hover p {
	    -webkit-animation: moveFromBottom 300ms ease;
	    animation: moveFromBottom 300ms ease
	}
	
	@-webkit-keyframes moveFromLeftRotate {
	    from {
	        -webkit-transform: translateX(-100%) rotate(-90deg)
	    }
	    to {
	        -webkit-transform: translateX(0%) rotate(0deg)
	    }
	}
	
	@-webkit-keyframes moveFromRightRotate {
	    from {
	        -webkit-transform: translateX(100%) rotate(90deg)
	    }
	    to {
	        -webkit-transform: translateX(0%) rotate(0deg)
	    }
	}
	
	@-webkit-keyframes moveFromBottom {
	    from {
	        -webkit-transform: translateY(100%)
	    }
	    to {
	        -webkit-transform: translateY(0%)
	    }
	}
	
	.feature-6 {
	    margin-bottom: 30px
	}
	
	.feature-6 img {
	    margin-bottom: 20px
	}
	
	.feature-6 h4 {
	    margin-bottom: 15px
	}
	
	.feature-6 a {
	    color: #333
	}
	
	.feature-6 a i {
	    -webkit-transition: margin-left 0.3s ease-in;
	    transition: margin-left 0.3s ease-in
	}
	
	.feature-6 a:hover {
	    color: #ed1c24;
	    -webkit-transition: color 0.3s ease-in;
	    transition: color 0.3s ease-in
	}
	
	.feature-6 a:hover i {
	    margin-left: 5px
	}
	
	.feature-7 {
	    margin-top: 30px;
	    display: inline-block
	}
	
	.feature-7 a {
	    display: inline-block;
	    text-decoration: none;
	    float: left;
	    width: 60px;
	    height: 60px;
	    background: #ed1c24;
	    text-align: center;
	    line-height: 60px;
	    font-size: 22px;
	    color: #fff
	}
	
	.feature-7 h4 {
	    font-size: 17px;
	    font-weight: 700;
	    margin: 0 0 15px;
	    margin-left: 80px;
	    font-weight: 400;
	    margin-bottom: 0;
	    padding-top: 10px
	}
	
	.feature-7 span {
	    display: block;
	    margin: 0;
	    font-size: 11px;
	    font-family: georgia;
	    margin-left: 80px;
	    color: #666;
	    font-style: italic
	}
	
	.feature-8 {
	    border: 1px solid #efefef;
	    background-color: #fafafa;
	    padding: 50px 30px 15px;
	    margin-bottom: 30px;
	    -webkit-transition: all .5s;
	    transition: all .5s
	}
	
	.feature-8 i {
	    font-size: 35px;
	    background: #ed1c24;
	    width: 60px;
	    height: 60px;
	    color: #fff;
	    padding-top: 14px;
	    margin-bottom: 20px;
	    text-align: center
	}
	
	.feature-8 h4 {
	    font-size: 16px;
	    margin-top: 10px;
	    margin-bottom: 15px
	}
	
	.feature-8:hover,
	.feature-8.active {
	    background: #282828;
	    border: 1px solid #282828
	}
	
	.feature-8:hover h4,
	.feature-8.active h4 {
	    color: #fff
	}
	
	.feature-8:hover p,
	.feature-8.active p {
	    color: #999
	}
	
	.feature-9 {
	    margin: 0;
	    padding: 0;
	    width: 100%;
	    float: left;
	    display: inline-flex;
	    height: 150px
	}
	
	.feature-9 i {
	    font-size: 60px;
	    color: #3568B2;
	    padding-top: 1em;
	    height: 10px;
	    width: 100px
	}
	
	.feature-9 i:before {
	    font-size: 60px
	}
	
	.feature-9 h4 {
	    font-size: 17px;
	    margin-bottom: 20px;
	    margin-top: 5em;
	    margin-left: 1em;
	    width: auto;
	    text-align: left;
	    padding-right: 2em
	}
	
	.feature-9.yellow i {
	    color: #f6d014
	}
	
	.text-section h4 {
	    font-size: 23px;
	    line-height: 36px;
	    margin-bottom: 20px;
	    text-transform: uppercase
	}
	
	.text-section ul {
	    margin-bottom: 20px
	}
	
	.text-section .btn {
	    margin-top: 20px
	}
	
	.text-section.white {
	    color: #fff
	}
	
	.text-section.white h4,
	.text-section.white h5,
	.text-section.white h6 {
	    color: #fff
	}
	
	.text-section.white .fa-li {
	    color: #fff
	}
	
	.call-to-action h3 {
	    font-size: 52px;
	    text-transform: uppercase;
	    margin-bottom: 26px;
	    font-weight: 700
	}
	
	.call-to-action p {
	    padding: 0 10%;
	    margin-bottom: 40px;
	    font-size: 16px
	}
	
	.call-to-action.white h3,
	.call-to-action.white p {
	    color: #fff;
	    font-size: 57px;
	    font-weight: 500;
	    text-shadow: -3px -4px 14px #211f1f
	}
	
	.revson-tab .nav-tabs {
	    float: left;
	    border-bottom: 0;
	    width: 15%;
	    margin-right: 50px;
	    background-color: #222
	}
	
	.revson-tab .nav-tabs li {
	    float: none;
	    margin-bottom: 30px
	}
	
	.revson-tab .nav-tabs li:first-child {
	    margin-top: 30px
	}
	
	.revson-tab .nav-tabs li.active a,
	.revson-tab .nav-tabs li.active a:hover,
	.revson-tab .nav-tabs li.active a:focus {
	    background-color: transparent;
	    border: 0;
	    color: #ed1c24
	}
	
	.revson-tab .nav-tabs li.active a h4,
	.revson-tab .nav-tabs li.active a:hover h4,
	.revson-tab .nav-tabs li.active a:focus h4 {
	    color: #ed1c24
	}
	
	.revson-tab .nav-tabs li a {
	    border: 0;
	    text-align: center;
	    display: block;
	    color: #fff
	}
	
	.revson-tab .nav-tabs li a i {
	    font-size: 35px
	}
	
	.revson-tab .nav-tabs li a h4 {
	    font-size: 15px;
	    line-height: 20px;
	    padding-top: 20px;
	    color: #fff
	}
	
	.revson-tab .nav-tabs li a:hover {
	    border: 0
	}
	
	.revson-tab .nav-tabs li:hover a {
	    color: #ed1c24
	}
	
	.revson-tab .nav-tabs li:hover a h4 {
	    color: #ed1c24
	}
	
	.revson-tab .nav li a:hover,
	.revson-tab .nav li a:focus {
	    background-color: transparent
	}
	
	.revson-tab .tab-content {
	    display: block
	}
	
	.revson-tab .tab-content ul {
	    width: 100%;
	    display: block
	}
	
	.revson-tab .tab-content ul li {
	    float: left;
	    width: 38%;
	    margin-right: 30px;
	    padding-top: 20px;
	    padding-bottom: 20px
	}
	
	.revson-tab .tab-content ul li:last-child {
	    margin-right: 0
	}
	
	.revson-tab .tab-content h4 {
	    font-size: 17px;
	    margin-bottom: 20px
	}
	
	ul.filter {
	    margin: 0;
	    padding: 0;
	    text-align: center;
	    margin-bottom: 60px
	}
	
	ul.filter li {
	    display: inline-block;
	    margin: 0 5px
	}
	
	ul.filter li a {
	    display: inline-block;
	    text-decoration: none;
	    font-size: 16px;
	    border: 1px solid #0185d0;
	    padding: 14px 30px;
	    background: #3568B2;
	    color: #ffffff;
	    text-transform: uppercase;
	    transition: all 0.2s ease-in-out;
	    -webkit-transition: all 0.2s ease-in-out;
	    border-radius: 100px;
	}
	
	ul.filter li a:hover,
	ul.filter li a.active {
	    border-color: #0ea9ff;
	    background: #0b0f1a;
	    color: #58c3ff;
	    border-radius: 31px
	}
	
	.isotope-item {
	    z-index: 2
	}
	
	.isotope-hidden.isotope-item {
	    pointer-events: none;
	    z-index: 1
	}
	
	.isotope,
	.isotope .isotope-item {
	    -webkit-transition-duration: 0.8s;
	    -moz-transition-duration: 0.8s;
	    transition-duration: 0.8s
	}
	
	.isotope {
	    -webkit-transition-property: height, width;
	    -moz-transition-property: height, width;
	    transition-property: height, width
	}
	
	.isotope .isotope-item {
	    -webkit-transition-property: -webkit-transform, opacity;
	    -moz-transition-property: -moz-transform, opacity;
	    transition-property: transform, opacity
	}
	
	.portfolio-post {
	    position: relative;
	    border: 5px solid #cfd1d200;
	    box-shadow: 5px -4px 8px 6px #88888842;
	    float: left;
	    display: block;
	}
	
	.portfolio-post img {
	    width: 100%
	}
	
	.portfolio-post .hover-box {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0, 0, 0, .86);
	    border: 0;
	    text-align: center;
	    transition: all 0.2s ease-in-out;
	    -webkit-transition: all 0.2s ease-in-out;
	    opacity: 0;
	    overflow: hidden;
	}
	
	.portfolio-post .hover-box .inner-hover {
	    position: absolute;
	    width: 100%
	}
	
	.portfolio-post .hover-box .inner-hover h4 {
	    color: #434343;
	    font-size: 18px;
	    color: #fff;
	    text-transform: uppercase;
	    transition: all 0.6s ease-in-out;
	    -webkit-transition: all 0.6s ease-in-out;
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0)
	}
	
	.portfolio-post .hover-box .inner-hover p {
	    font-size: 14px;
	    color: #fff;
	    margin-bottom: -20px;
	    transition: all 0.4s ease-in-out;
	    -moz-transition: all 0.4s ease-in-out;
	    -webkit-transition: all 0.4s ease-in-out;
	    -o-transition: all 0.4s ease-in-out;
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0)
	}
	
	.portfolio-post .hover-box .inner-hover a {
	    display: inline-block;
	    text-decoration: none;
	    transition: all 0.2s ease-in-out;
	    -moz-transition: all 0.2s ease-in-out;
	    -webkit-transition: all 0.2s ease-in-out;
	    -o-transition: all 0.2s ease-in-out;
	    width: 40px;
	    height: 40px;
	    -webkit-border-radius: 50%;
	    border-radius: 50%;
	    border: 1px solid #fff;
	    text-align: center;
	    margin: 0 5px;
	    -webkit-transform: translate3d(0, 500%, 0);
	    transform: translate3d(0, 500%, 0)
	}
	
	.portfolio-post .hover-box .inner-hover a i {
	    font-size: 14px;
	    color: #fff;
	    line-height: 40px;
	    transition: all 0.2s ease-in-out;
	    -webkit-transition: all 0.2s ease-in-out
	}
	
	.portfolio-post .hover-box .inner-hover a.link {
	    transition: all 0.4s ease-in-out;
	    -webkit-transition: all 0.4s ease-in-out
	}
	
	.portfolio-post .hover-box .inner-hover a a.zoom {
	    transition: all 0.6s ease-in-out;
	    -webkit-transition: all 0.6s ease-in-out
	}
	
	.portfolio-post .hover-box .inner-hover a:hover {
	    background: #fff
	}
	
	.portfolio-post .hover-box .inner-hover a:hover i {
	    color: #5AC8FB
	}
	
	.portfolio-post:hover .hover-box {
	    opacity: 1
	}
	
	.portfolio-post:hover .hover-box .inner-hover h4 {
	    -webkit-transform: translate3d(0, 400%, 0);
	    transform: translate3d(0, 400%, 0)
	}
	
	.portfolio-post:hover .hover-box .inner-hover p {
	    -webkit-transform: translate3d(0, 350%, 0);
	    transform: translate3d(0, 350%, 0)
	}
	
	.portfolio-post:hover .hover-box .inner-hover a {
	    -webkit-transform: translate3d(0, 300%, 0);
	    transform: translate3d(0, 300%, 0)
	}
	
	.portfolio-post.yellow .hover-box {
	    background: #f6d014
	}
	
	.portfolio-post.blue .hover-box {
	    background: #00bcd4
	}
	
	.portfolio-post-2 {
	    overflow: hidden;
	    position: relative;
	    display: block
	}
	
	.portfolio-post-2 img {
	    -webkit-transition: -webkit-transform 0.4s;
	    -moz-transition: -moz-transform 0.4s;
	    transition: transform 0.4s
	}
	
	.portfolio-post-2 .portfolio-details {
	    position: absolute;
	    top: 0;
	    left: 0;
	    padding: 20px;
	    background: #222;
	    color: #ed1c24;
	    height: 100px;
	    width: 100%;
	    top: auto;
	    bottom: 0;
	    opacity: 0;
	    -webkit-transform: translateY(100%);
	    -moz-transform: translateY(100%);
	    -ms-transform: translateY(100%);
	    transform: translateY(100%);
	    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	    transition: transform 0.4s, opacity 0.1s 0.3s
	}
	
	.portfolio-post-2 .portfolio-details h4 {
	    color: #fff;
	    margin-bottom: 5px
	}
	
	.portfolio-post-2 a {
	    position: absolute;
	    right: 20px;
	    top: 30%;
	    font-size: 20px;
	    color: #fff
	}
	
	.portfolio-post-2:hover img {
	    -webkit-transform: translateY(-50px);
	    -moz-transform: translateY(-50px);
	    -ms-transform: translateY(-50px);
	    transform: translateY(-50px)
	}
	
	.portfolio-post-2:hover .portfolio-details {
	    opacity: 1;
	    -webkit-transform: translateY(0);
	    -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	    transform: translateY(0);
	    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
	    transition: transform 0.4s, opacity 0.1s
	}
	
	.animated-counter {
	    padding-bottom: 30px
	}
	
	.animated-counter .animated-icon span {
	    font-size: 40px;
	    padding-bottom: 28px
	}
	
	.animated-counter .animated-number {
	    font-size: 60px;
	    font-weight: 700;
	    line-height: 60px;
	    position: relative;
	    margin: 0;
	    padding: 0
	}
	
	.animated-counter .animated-number:after {
	    position: absolute;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    width: 37px;
	    height: 2px;
	    margin: -30px auto;
	    content: '';
	    background: #333
	}
	
	.animated-counter h4 {
	    font-size: 16px;
	    line-height: 22px;
	    margin: 70px 0 0;
	    padding: 0
	}
	
	.animated-counter.white .animated-icon,
	.animated-counter.white .animated-number,
	.animated-counter.white h4 {
	    color: #fff!important
	}
	
	.animated-counter.white .animated-number:after {
	    background: #fff
	}
	
	.team .nav-tabs img {
	    max-width: 100%;
	    height: auto
	}
	
	.team .nav-tabs {
	    border: 0
	}
	
	.team .nav-tabs.nav-justified>li>a {
	    border: 0
	}
	
	.team .nav-tabs.nav-justified>.active>a,
	.team .nav-tabs.nav-justified>.active>a:hover,
	.team .nav-tabs.nav-justified>.active>a:focus {
	    border: 0
	}
	
	.team .nav>li>a:first-child {
	    padding-left: 0
	}
	
	.team .nav>li>a:hover,
	.team .nav>li>a:focus {
	    background: none
	}
	
	.team .tab-content {
	    margin-top: 30px
	}
	
	.team-details {
	    margin-bottom: 30px
	}
	
	.team-details h4 {
	    font-size: 20px;
	    text-transform: uppercase
	}
	
	.team-details span {
	    font-size: 13px
	}
	
	.team-details p {
	    padding: 20px 0 0 0
	}
	
	.team-details .fa-ul {
	    margin-bottom: 30px
	}
	
	.team-details ul.social {
	    margin: 0;
	    padding: 0
	}
	
	.team-details ul.social li {
	    display: inline;
	    list-style: none;
	    padding-right: 10px
	}
	
	.team-details ul.social li a {
	    padding: 5px 8px;
	    background: #151515;
	    border: 1px solid #151515;
	    color: #fff;
	    border-radius: 2px;
	    -webkit-transition: all .35;
	    transition: all .35
	}
	
	.team-details a:hover {
	    text-decoration: none;
	    background: transparent;
	    color: #151515
	}
	
	.cmp-img img {
	    width: 100%
	}
	
	@media only screen and (max-width:480px) {
	    .nav-tabs.nav-justified li {
	        width: 32%;
	        float: left
	    }
	    .nav-tabs.nav-justified li a {
	        padding: 10px 2px
	    }
	    .nav-tabs.nav-justified li img {
	        max-width: 100%
	    }
	}
	
	@media only screen and (min-width:320px) {
	    .nav-tabs.nav-justified li {
	        width: 50%;
	        float: left
	    }
	    .page-title {
	        float: left;
	        margin: 0;
	        width: 100%
	    }
	    #comment-form h2 {
	        font-size: 25px
	    }
	    .page-title h1 {
	        font-size: 20px
	    }
	    .People span {
	        font-size: 34px
	    }
	}
	
	@media only screen and (min-width:481px) and (max-width:600px) {
	    .nav-tabs.nav-justified li {
	        width: 20%;
	        float: left
	    }
	    .nav-tabs.nav-justified li a {
	        padding: 10px 2px
	    }
	    .nav-tabs.nav-justified li img {
	        max-width: 100%
	    }
	}
	
	@media only screen and (min-width:601px) and (max-width:800px) {
	    .nav-tabs.nav-justified li {
	        width: 20%;
	        float: left
	    }
	    .nav-tabs.nav-justified li a {
	        padding: 10px 2px
	    }
	    .nav-tabs.nav-justified li img {
	        max-width: 100%
	    }
	}
	
	@media only screen and (min-width:801px) and (max-width:991px) {
	    .nav-tabs.nav-justified li {
	        width: 20%;
	        float: left
	    }
	    .nav-tabs.nav-justified li a {
	        padding: 10px 2px
	    }
	    .nav-tabs.nav-justified li img {
	        max-width: 100%
	    }
	}
	
	@media only screen and (min-width:992px) and (max-width:1199px) {
	    .nav-tabs.nav-justified li {
	        width: 20%;
	        float: left
	    }
	    .nav-tabs.nav-justified li a {
	        padding: 10px 2px
	    }
	    .nav-tabs.nav-justified li img {
	        max-width: 100%
	    }
	}
	
	.team-member-2 {
	    position: relative;
	    margin-bottom: 30px
	}
	
	.team-member-2 .team-member-details {
	    text-align: center;
	    position: absolute;
	    top: 0;
	    bottom: 100%;
	    left: 0;
	    width: 100%;
	    width: 100%;
	    background: rgba(237, 28, 36, .85);
	    opacity: 0;
	    -webkit-transition: all 0.4s;
	    transition: all 0.4s
	}
	
	.team-member-2 .team-member-details h4 {
	    margin-top: 20%;
	    color: #fff;
	    margin-bottom: 20px;
	    -webkit-transition: all 0.4s;
	    transition: all 0.4s
	}
	
	.team-member-2 .team-member-details h5 {
	    color: #fff;
	    margin-bottom: 40px;
	    text-transform: lowercase
	}
	
	.team-member-2 .team-member-details .team-social {
	    padding-top: 10px
	}
	
	.team-member-2 .team-member-details .team-social li {
	    display: inline-block;
	    margin-right: 10px
	}
	
	.team-member-2 .team-member-details .team-social li a {
	    color: #fff;
	    font-size: 28px
	}
	
	.team-member-2:hover .team-member-details {
	    opacity: 1;
	    bottom: 0
	}
	
	.team-member-2:hover .team-member-details h4 {
	    margin-top: 30%
	}
	
	.team-member-2.yellow .team-member-details {
	    background: rgba(246, 208, 20, .85)
	}
	
	.team-member-2.blue .team-member-details {
	    background: rgba(0, 188, 212, .85)
	}
	
	.team-member-3 {
	    position: relative;
	    padding-bottom: 30px
	}
	
	.team-member-3 .team-member-img {
	    position: relative;
	    overflow: hidden
	}
	
	.team-member-3 .team-member-img:after {
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    padding: 0 20px;
	    content: '';
	    text-align: center;
	    opacity: 0;
	    background-color: rgba(33, 40, 45, .66);
	    -webkit-transition: all 0.3s;
	    transition: all 0.3s
	}
	
	.team-member-3 .team-info {
	    position: absolute;
	    right: auto;
	    bottom: 30px;
	    left: auto;
	    width: 100%;
	    padding: 20px;
	    opacity: 0;
	    -webkit-transition: all .3s;
	    transition: all .3s;
	    text-align: center
	}
	
	.team-member-3 .team-info .team-name {
	    font-size: 16px;
	    display: block;
	    margin: 5px auto;
	    text-align: center;
	    text-transform: uppercase
	}
	
	.team-member-3 .team-info .team-designation {
	    font-size: 15px;
	    margin: auto;
	    padding: 10px 0 0;
	    text-align: center;
	    text-transform: uppercase
	}
	
	.team-member-3 .icon {
	    position: absolute;
	    bottom: 10%;
	    left: 0;
	    width: 100%;
	    padding: 10px 20px;
	    -webkit-transition: transform .3s ease 0s;
	    transition: transform .3s ease 0s;
	    transform: scale(0);
	    text-align: center;
	    opacity: 0
	}
	
	.team-member-3 .icon>li {
	    display: inline-block
	}
	
	.team-member-3 .icon>li:hover {
	    color: #ed1c24
	}
	
	.team-member-3 .icon a {
	    font-size: 16px;
	    line-height: 35px;
	    display: block;
	    width: 35px;
	    height: 35px;
	    margin: 0 5px;
	    -webkit-transition: all .3s;
	    transition: all .3s;
	    color: #fff
	}
	
	.team-member-3:hover .team-member-img:after {
	    opacity: 1
	}
	
	.team-member-3:hover .team-info {
	    bottom: 50%;
	    color: #fff;
	    opacity: 1
	}
	
	.team-member-3:hover .icon {
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    opacity: 1
	}
	
	.team-4 {
	    margin-bottom: 30px
	}
	
	.team-4 img {
	    margin-bottom: 20px;
	    width: 100%
	}
	
	.team-4 span {
	    margin-bottom: 15px;
	    color: #ed1c24
	}
	
	.skill-section {
	    margin-top: 20px
	}
	
	.skill-section .skill {
	    padding-bottom: 15px
	}
	
	.skill-section .skill-name {
	    font-size: 14px;
	    font-weight: 500;
	    color: #333;
	    text-transform: uppercase;
	    font-weight: 400
	}
	
	.skill-section .progress-bar-percentage {
	    font-size: 13px;
	    font-weight: 500;
	    background: #24252a;
	    color: #fff;
	    padding: 3px 8px;
	    margin-top: -26px
	}
	
	.skill-section .progress {
	    overflow: visible;
	    height: 5px;
	    margin-bottom: 10px;
	    margin-top: 5px;
	    background: #d3d3d3;
	    border-radius: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none
	}
	
	.who-we-are p strong {
	    font-size: 22px;
	    color: #3568B2
	}
	
	.skill-section .progress-bar {
	    background: #3568B2;
	    float: left;
	    height: 100%;
	    font-size: 12px;
	    color: #fff;
	    text-align: center;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	    -webkit-transition: width 0.6s ease;
	    transition: width 0.6s ease;
	    position: relative
	}
	
	.skill-section .progress-bar.yellow {
	    background: #f6d014
	}
	
	.skill-section .progress-bar.blue {
	    background: #00bcd4
	}
	
	.skill-section .skill-style-2 {
	    padding-bottom: 30px
	}
	
	.skill-section .skill-style-2 .progress {
	    height: 20px
	}
	
	.skill-section.white .skill-name {
	    color: #fff
	}
	
	.progress-chart-feature {
	    text-align: center
	}
	
	.progress-chart-feature .chart {
	    position: relative;
	    display: inline-block;
	    width: 130px;
	    height: 130px;
	    text-align: center
	}
	
	.progress-chart-feature .chart-icon {
	    display: inline-block;
	    line-height: 140px;
	    z-index: 2
	}
	
	.progress-chart-feature .chart-icon span {
	    font-size: 26px;
	    line-height: 50px;
	    font-weight: 700;
	    width: 50px;
	    height: 50px
	}
	
	.progress-chart-feature .chart canvas {
	    position: absolute;
	    top: 0;
	    left: 0
	}
	
	.progress-chart-feature h4 {
	    font-size: 18px;
	    letter-spacing: 1px;
	    position: relative;
	    margin-top: 20px;
	    margin-bottom: 25px;
	    text-transform: uppercase;
	    color: #24252a;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s
	}
	
	.progress-chart-feature.white {
	    color: #fff
	}
	
	.progress-chart-feature.white h4,
	.progress-chart-feature.white p {
	    color: #fff
	}
	
	.progress-chart-feature.white .chart-icon span {
	    color: #fff
	}
	
	.latest-news {
	    margin-bottom: 30px
	}
	
	.latest-news h4 {
	    font-size: 15px;
	    position: relative;
	    line-height: 22px;
	    margin-top: 10px;
	    margin-bottom: 10px;
	    text-transform: uppercase
	}
	
	.latest-news h4 a {
	    color: #282828;
	    text-decoration: none;
	    -webkit-transition: all 0.5s;
	    -o-transition: all 0.5s;
	    transition: all 0.5s
	}
	
	.latest-news h4 a:hover {
	    color: #ec4933;
	    -webkit-transition: all 0.5s;
	    -o-transition: all 0.5s;
	    transition: all 0.5s
	}
	
	.latest-news .latest-news-img {
	    position: relative;
	    overflow: hidden
	}
	
	.latest-news .latest-news-img img {
	    width: 100%;
	    -webkit-transform: scale3d(1, 1, 1);
	    transform: scale3d(1, 1, 1);
	    -webkit-transition: all 400ms;
	    transition: all 400ms
	}
	
	.latest-news .latest-news-img div {
	    position: absolute;
	    background: #ec4933;
	    text-align: center;
	    left: 0;
	    bottom: 0;
	    display: inline-block;
	    text-decoration: none;
	    padding: 7px 10px
	}
	
	.latest-news .latest-news-img span:first-child {
	    font-size: 12px;
	    color: #fdfdfd;
	    display: block
	}
	
	.latest-news .latest-news-img span:last-child {
	    font-size: 26px;
	    color: #fdfdfd;
	    font-weight: 700;
	    margin-top: 0;
	    display: block;
	    position: relative
	}
	
	.latest-news:hover img {
	    -webkit-transform: scale3d(1.15, 1.15, 1);
	    transform: scale3d(1.15, 1.15, 1)
	}
	
	.testimonial-item {
	    width: 90%;
	    margin: 0 auto
	}
	
	.testimonial-item img {
	    width: 100px
	}
	
	.testimonial-item p {
	    font-size: 15px;
	    font-style: italic;
	    margin-bottom: 20px
	}
	
	.testimonial-item .name {
	    font-size: 16px;
	    font-weight: 700;
	    text-transform: uppercase;
	    margin-top: 20px;
	    color: #3568B2
	}
	
	.testimonial-item.white {
	    color: #fff
	}
	
	ul.logo-group {
	    overflow: hidden;
	    padding: 0;
	    border: 1px solid #ddd;
	    border-right: none;
	    border-bottom: none;
	    position: relative
	}
	
	ul.logo-group li {
	    width: 20%;
	    float: left;
	    height: 150px;
	    list-style: none;
	    border-right: 1px solid #ddd;
	    border-bottom: 1px solid #ddd;
	    border-left: 0;
	    border-top: 1px solid transparent
	}
	
	ul.logo-group li img {
	    display: block;
	    margin: 0 auto;
	    width: 80%;
	    padding-top: 15px
	}
	
	ul.logo-group.width33 li {
	    width: 20%
	}
	
	.pricing-box {
	    overflow: hidden;
	    margin-bottom: 30px;
	    box-shadow: 0 2px 3px rgba(0, 0, 0, .15)
	}
	
	.pricing-box .pricing-head {
	    text-align: center;
	    padding: 50px 0
	}
	
	.pricing-box .pricing-head .previous-price {
	    text-decoration: line-through
	}
	
	.pricing-box .pricing-head h4 {
	    padding: 10px 0;
	    font-size: 26px
	}
	
	.pricing-box .pricing-head h5 {
	    font-size: 16px
	}
	
	.pricing-box .pricing-head.white span,
	.pricing-box .pricing-head.white h4,
	.pricing-box .pricing-head.white h5 {
	    color: #fff
	}
	
	.pricing-box .pricing-body {
	    padding: 10px 30px
	}
	
	.pricing-box .pricing-body li {
	    padding: 10px 0
	}
	
	.pricing-box .pricing-body li i {
	    float: right
	}
	
	.pricing-box .pricing-footer a {
	    display: block;
	    padding: 1em;
	    background: #f2f2f2;
	    color: #2b2c2d;
	    text-align: center;
	    text-transform: uppercase;
	    letter-spacing: 1px;
	    transition: all .4s ease-in-out
	}
	
	.pricing-box .pricing-footer a:hover {
	    background: #ed1c24;
	    color: #fff
	}
	
	.revson-accordion .panel {
	    border-left: 0;
	    border-right: 0;
	    border-top: 0;
	    border-radius: 0;
	    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
	}
	
	.revson-accordion .panel-heading {
	    background: #f9f9f9;
	    border: 0;
	    border-radius: 0;
	    font-weight: 400;
	    padding-left: 20px;
	    border-top-left-radius: 0;
	    border-top-right-radius: 0
	}
	
	.revson-accordion .panel-heading .panel-title a {
	    display: block;
	    font-size: 16px;
	    font-weight: 500;
	    color: #ed1c24;
	    text-transform: uppercase;
	    padding: 3px 0;
	    transition: all 0.2s ease-in-out;
	    -webkit-transition: all 0.2s ease-in-out
	}
	
	.revson-accordion .panel-heading .panel-title a:before {
	    font-family: 'FontAwesome';
	    content: '\f0ab';
	    font-size: 20px;
	    line-height: 36px;
	    padding-right: 10px;
	    color: #ed1c24;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s
	}
	
	.revson-accordion .panel-heading .panel-title a.collapsed {
	    color: #444
	}
	
	.revson-accordion .panel-heading .panel-title a.collapsed:hover {
	    color: #ed1c24
	}
	
	.revson-accordion .panel-heading .panel-title a.collapsed:before {
	    font-family: 'FontAwesome';
	    content: '\f0a9'
	}
	
	.revson-accordion .panel-body {
	    padding: 15px;
	    border-top: 1px solid #ddd;
	    font-size: 15px;
	    line-height: 24px;
	    background-color: transparent!important
	}
	
	.panel-title a .control-icon {
	    position: absolute;
	    top: 50%;
	    right: 10px;
	    margin-top: -11px;
	    transition: all 0.2s ease-in-out;
	    -moz-transition: all 0.2s ease-in-out;
	    -webkit-transition: all 0.2s ease-in-out;
	    -o-transition: all 0.2s ease-in-out;
	    display: none
	}
	
	.panel-title a.collapsed .control-icon {
	    display: block
	}
	
	.panel-title a i {
	    font-size: 22px;
	    padding-right: 5px;
	    color: #ed1c24
	}
	
	.subscription-section {
	    color: #fff
	}
	
	.subscription-section h3 {
	    font-size: 42px;
	    margin-bottom: 40px;
	    color: #fff
	}
	
	.subscription-section p {
	    width: 90%;
	    margin: 0 auto;
	    margin-bottom: 40px
	}
	
	.subscribe-form {
	    margin-top: 20px;
	    margin-bottom: 30px;
	    position: relative;
	    width: 70%;
	    margin: 0 auto
	}
	
	.subscribe-form input,
	.subscribe-form input:focus {
	    background: transparent;
	    border-radius: 0;
	    border: 1px solid #333;
	    height: 60px;
	    outline: none;
	    box-shadow: none
	}
	
	.subscribe-form button,
	.subscribe-form button:focus {
	    position: absolute;
	    right: 0;
	    top: 0;
	    background: #ed1c24;
	    padding: 0 30px;
	    height: 100%;
	    text-transform: uppercase;
	    color: #fff;
	    font-weight: 600;
	    border: 0 solid;
	    border-radius: 0;
	    outline: none;
	    -webkit-transition: all o 0.4s ease-in-out;
	    transition: all o 0.4s ease-in-out
	}
	
	.subscribe-form button:hover,
	.subscribe-form button:focus:hover {
	    background: #24252a;
	    color: #ed1c24
	}
	
	.blog-post .blog-img,
	.single-blog-post .blog-img {
	    position: relative;
	    display: block;
	    overflow: hidden;
	    width: 100%;
	    margin: 0 0 8px;
	    text-align: center
	}
	
	.blog-post .blog-img img,
	.single-blog-post .blog-img img {
	    margin: 0 auto;
	    width: auto;
	    height: auto
	}
	
	.blog-post .blog-img .img-overlay,
	.single-blog-post .blog-img .img-overlay {
	    position: absolute;
	    z-index: 100;
	    right: 0;
	    bottom: 0;
	    display: block;
	    width: 0;
	    height: 0;
	    background: rgba(0, 0, 0, .5);
	    -webkit-transition: all 0.5s;
	    -o-transition: all 0.5s;
	    transition: all 0.5s
	}
	
	.blog-post .blog-img .img-overlay i,
	.single-blog-post .blog-img .img-overlay i {
	    font-size: 30px;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    width: 80px;
	    height: 80px;
	    margin-top: -50px;
	    margin-left: -50px;
	    padding: 26px 0;
	    opacity: 0;
	    color: #fff;
	    -webkit-transition: all 0.5s;
	    -o-transition: all 0.5s;
	    transition: all 0.5s
	}
	
	.blog-post .blog-img:hover .img-overlay,
	.single-blog-post .blog-img:hover .img-overlay {
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%
	}
	
	.blog-post .blog-img:hover .img-overlay i,
	.single-blog-post .blog-img:hover .img-overlay i {
	    opacity: 1
	}
	
	.blog-post .post-content,
	.single-blog-post .post-content {
	    margin-top: 50px
	}
	
	.blog-post .post-content .left-part,
	.single-blog-post .post-content .left-part {
	    float: left;
	    margin-right: 20px
	}
	
	.blog-post .post-content .right-part,
	.single-blog-post .post-content .right-part {
	    display: table-cell
	}
	
	.blog-post .post-content .blog-date .blog_date,
	.single-blog-post .post-content .blog-date .blog_date {
	    display: block;
	    width: 50px;
	    padding: 9px 0;
	    text-align: center;
	    color: #fff;
	    background-color: #3568B2
	}
	
	.blog-post .post-content .blog-date .blog_date .date,
	.single-blog-post .post-content .blog-date .blog_date .date {
	    font-size: 24px
	}
	
	.blog-post .post-content .blog-date .blog_icon,
	.single-blog-post .post-content .blog-date .blog_icon {
	    display: block;
	    padding: 20px 10px;
	    text-align: center;
	    background: #f6f6f6
	}
	
	.blog-post .post-content .blog-date .blog_icon i,
	.single-blog-post .post-content .blog-date .blog_icon i {
	    font-size: 24px;
	    color: #3568B2
	}
	
	.blog-post .post-content .post-title h3,
	.single-blog-post .post-content .post-title h3 {
	    text-transform: uppercase;
	    font-size: 20px;
	    margin-bottom: 15px
	}
	
	.blog-post .post-content .post-title h3 a,
	.single-blog-post .post-content .post-title h3 a {
	    color: #333;
	    -webkit-transition: 0.3s;
	    transition: 0.3s
	}
	
	.blog-post .post-content .post-title h3 a:hover,
	.single-blog-post .post-content .post-title h3 a:hover {
	    color: #3568B2
	}
	
	.blog-post .post-content .post-text p,
	.single-blog-post .post-content .post-text p {
	    line-height: 24px
	}
	
	.blog-post .post-content .post-footer .post-meta,
	.single-blog-post .post-content .post-footer .post-meta {
	    float: left
	}
	
	.blog-post .post-content .post-footer .post-meta li,
	.single-blog-post .post-content .post-footer .post-meta li {
	    display: inline-block;
	    margin-right: 20px
	}
	
	.blog-post .post-content .post-footer .post-meta li a,
	.single-blog-post .post-content .post-footer .post-meta li a {
	    font-size: 15px;
	    font-weight: 400;
	    color: #333;
	    -webkit-transition: 0.3s;
	    transition: 0.3s
	}
	
	.blog-post .post-content .post-footer .post-meta li a i,
	.single-blog-post .post-content .post-footer .post-meta li a i {
	    color: #3568B2;
	    margin-right: 10px;
	    font-size: 17px
	}
	
	.blog-post .post-content .post-footer .post-meta li a:hover,
	.single-blog-post .post-content .post-footer .post-meta li a:hover {
	    color: #3568B2
	}
	
	.blog-post .post-content .post-footer .read-more,
	.single-blog-post .post-content .post-footer .read-more {
	    float: right
	}
	
	.blog-post .post-content .post-footer .read-more a,
	.single-blog-post .post-content .post-footer .read-more a {
	    color: #333;
	    font-weight: 400;
	    -webkit-transition: 0.3s;
	    transition: 0.3s
	}
	
	.blog-post .post-content .post-footer .read-more a:hover,
	.single-blog-post .post-content .post-footer .read-more a:hover {
	    color: #3568B2
	}
	
	.blog-post .blog-author,
	.single-blog-post .blog-author {
	    margin: 40px 0;
	    padding: 30px;
	    border-radius: 2px;
	    border: 1px solid #ddd
	}
	
	.blog-post .blog-author img,
	.single-blog-post .blog-author img {
	    width: 80px;
	    display: block;
	    background: #fff;
	    border: 1px solid #ddd;
	    margin: 0 20px 0 0;
	    border-radius: 50%
	}
	
	.blog-post .blog-author .author-name,
	.single-blog-post .blog-author .author-name {
	    margin-top: 20px
	}
	
	.blog-post .blog-author .author-name a,
	.single-blog-post .blog-author .author-name a {
	    color: #24252a;
	    font-weight: 500;
	    font-size: 16px
	}
	
	.blog-post .comment-section,
	.single-blog-post .comment-section {
	    margin-top: 80px
	}
	
	.blog-post .comment-section h2,
	.single-blog-post .comment-section h2 {
	    color: #222;
	    font-size: 15px;
	    font-weight: 700;
	    margin: 0 0 15px;
	    text-transform: uppercase;
	    padding-bottom: 35px;
	    border-bottom: 1px solid #e0e0e0;
	    margin-bottom: 40px
	}
	
	.blog-post .comment-section .comment-box,
	.single-blog-post .comment-section .comment-box {
	    overflow: hidden;
	    padding-bottom: 35px;
	    border-bottom: 1px solid #f3f3f3;
	    margin-bottom: 40px
	}
	
	.blog-post .comment-section .comment-box img,
	.single-blog-post .comment-section .comment-box img {
	    width: 70px;
	    float: left;
	    border-radius: 50%
	}
	
	.blog-post .comment-section .comment-box .comment-content,
	.single-blog-post .comment-section .comment-box .comment-content {
	    margin-left: 100px
	}
	
	.blog-post .comment-section .comment-box .comment-content h4,
	.single-blog-post .comment-section .comment-box .comment-content h4 {
	    color: #222;
	    font-size: 13px;
	    text-transform: uppercase;
	    margin: 0
	}
	
	.blog-post .comment-section .comment-box .comment-content h4 a,
	.single-blog-post .comment-section .comment-box .comment-content h4 a {
	    color: #222;
	    display: inline-block;
	    text-decoration: none;
	    transition: all 0.2s ease-in-out;
	    -moz-transition: all 0.2s ease-in-out;
	    -webkit-transition: all 0.2s ease-in-out;
	    -o-transition: all 0.2s ease-in-out;
	    float: right;
	    font-size: 11px;
	    font-weight: 400
	}
	
	.blog-post .comment-section .comment-box .comment-content span,
	.single-blog-post .comment-section .comment-box .comment-content span {
	    font-size: 13px;
	    color: #999;
	    line-height: 20px;
	    margin: 0 0 10px;
	    font-size: 11px;
	    display: inline-block;
	    font-weight: 400;
	    margin-bottom: 16px;
	    text-transform: uppercase
	}
	
	.blog-post .comment-section ul.depth .comment-box,
	.single-blog-post .comment-section ul.depth .comment-box {
	    padding-left: 100px
	}
	
	.blog-post .comment-section .comment-form .form-group h2,
	.single-blog-post .comment-section .comment-form .form-group h2 {
	    padding-bottom: 0;
	    border-bottom: none;
	    margin-bottom: 30px
	}
	
	.blog-post .comment-section .comment-form .form-group input[type="text"],
	.blog-post .comment-section .comment-form .form-group input[type="email"],
	.blog-post .comment-section .comment-form .form-group textarea,
	.single-blog-post .comment-section .comment-form .form-group input[type="text"],
	.single-blog-post .comment-section .comment-form .form-group input[type="email"],
	.single-blog-post .comment-section .comment-form .form-group textarea {
	    width: 100%;
	    display: block;
	    padding: 22px;
	    background: #fff;
	    -webkit-border-radius: 0;
	    -moz-border-radius: 0;
	    -o-border-radius: 0;
	    border-radius: 0;
	    color: #999;
	    font-size: 13px;
	    border: 1px solid #ccc;
	    outline: none;
	    margin: 0 0 20px;
	    transition: all 0.2s ease-in-out;
	    -moz-transition: all 0.2s ease-in-out;
	    -webkit-transition: all 0.2s ease-in-out;
	    -o-transition: all 0.2s ease-in-out
	}
	
	.blog-post .comment-section .comment-form .form-group input[type="text"]:focus,
	.blog-post .comment-section .comment-form .form-group input[type="email"]:focus,
	.blog-post .comment-section .comment-form .form-group textarea:focus,
	.single-blog-post .comment-section .comment-form .form-group input[type="text"]:focus,
	.single-blog-post .comment-section .comment-form .form-group input[type="email"]:focus,
	.single-blog-post .comment-section .comment-form .form-group textarea:focus {
	    border: 1px solid #ed1c24
	}
	
	.blog-post .comment-section .comment-form .form-group textarea,
	.single-blog-post .comment-section .comment-form .form-group textarea {
	    min-height: 193px;
	    margin-bottom: 30px
	}
	
	.single-blog-post {
	    border-bottom: none;
	    margin-bottom: 0;
	    padding-bottom: 0
	}
	
	.pagination li a,
	.pagination li a:hover,
	.pagination li a:focus {
	    color: #adadad;
	    padding: 6px 12px;
	    border-radius: 0;
	    border: solid 1px #e1e1e1;
	    background: transparent;
	    -webkit-transition: 400ms;
	    -o-transition: 400ms;
	    transition: 400ms
	}
	
	.pagination li.active a,
	.pagination li.active a:hover {
	    color: #fff;
	    border: solid 1px #3568B2;
	    background-color: #3568B2
	}
	
	.pagination li:first-child a {
	    border-top-left-radius: 0;
	    border-bottom-left-radius: 0
	}
	
	.pagination li:last-child a {
	    border-top-right-radius: 0;
	    border-bottom-right-radius: 0
	}
	
	.widget {
	    margin-bottom: 40px
	}
	
	.widget-title {
	    margin: 0 0 20px 0
	}
	
	.widget-title h3 {
	    font-size: 16px;
	    margin-bottom: 10px;
	    padding-bottom: 10px;
	    letter-spacing: normal;
	    text-transform: uppercase;
	    color: #333;
	    border-bottom: 2px solid #ddd
	}
	
	.widget-archive li a,
	.widget-category li a {
	    font-weight: 400;
	    color: #333;
	    -webkit-transition: 0.3s;
	    -o-transition: 0.3s;
	    transition: 0.3s
	}
	
	.widget-archive li a:hover,
	.widget-category li a:hover {
	    color: #ed1c24
	}
	
	.widget-tag li {
	    display: inline-block;
	    margin-bottom: 15px;
	    margin-right: 2px
	}
	
	.widget-tag a {
	    font-size: 14px;
	    font-style: normal!important;
	    line-height: 17px;
	    margin: 0;
	    padding: 8px 15px;
	    letter-spacing: 0;
	    text-transform: uppercase;
	    color: #ffffff!important;
	    border: 0;
	    background: #ed1c24;
	    text-shadow: none;
	    -webkit-transition: 0.3s;
	    -o-transition: 0.3s;
	    transition: 0.3s
	}
	
	.widget-tag a:hover {
	    background: #24252a
	}
	
	.widget-social li {
	    font-size: 16px;
	    line-height: 16px;
	    float: left;
	    margin: 0 1px 0 0;
	    padding: 5px 15px 5px 13px;
	    list-style: none;
	    text-align: center;
	    background: #1a1a1a;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s
	}
	
	.widget-social li a {
	    color: #fff
	}
	
	.widget-social li:hover {
	    background: #ed1c24
	}
	
	.contact-form input[type="text"],
	.contact-form input[type="email"],
	.contact-form input[type="tel"],
	.contact-form select,
	.quotation-form input[type="text"],
	.quotation-form input[type="email"],
	.quotation-form input[type="tel"],
	.quotation-form select {
	    width: 100%;
	    display: block;
	    height: 50px;
	    background: #ffffff;
	    -webkit-border-radius: 0;
	    -moz-border-radius: 0;
	    -o-border-radius: 0;
	    border-radius: 0;
	    color: #999;
	    font-size: 13px;
	    border: 0;
	    outline: none;
	    margin: 0 0 20px;
	    transition: all 0.2s ease-in-out;
	    -moz-transition: all 0.2s ease-in-out;
	    -webkit-transition: all 0.2s ease-in-out;
	    -o-transition: all 0.2s ease-in-out;
	    box-shadow: 6px -3px 9px rgb(179, 179, 179);
	    -webkit-box-shadow: 6px -3px 9px rgb(179, 179, 179);
	    font-weight: 500;
	    font-size: 14px;
	    border-radius: px;
	    /* border-radius: 100px; */
	}
	
	.contact-form input[type="text"]:focus,
	.contact-form input[type="email"]:focus,
	.contact-form input[type="tel"]:focus,
	.contact-form select:focus,
	.quotation-form input[type="text"]:focus,
	.quotation-form input[type="email"]:focus,
	.quotation-form input[type="tel"]:focus,
	.quotation-form select:focus {
	    border: 1px solid #ed1c24
	}
	
	.contact-form textarea,
	.quotation-form textarea {
	    margin-bottom: 20px;
	    background: white;
	    -webkit-border-radius: 0;
	    -moz-border-radius: 0;
	    -o-border-radius: 0;
	    border-radius: 0;
	    color: #000;
	    font-size: 13px;
	    border: 0;
	    outline: none;
	}
	
	.contact-form .help-block,
	.quotation-form .help-block {
	    color: red
	}
	
	.footer-section p {
	    color: #bfbfbf
	}
	
	.footer-text {
	    margin-bottom: 30px
	}
	
	.footer-text p {
	    color: #fff
	}
	
	.footer-minimal h3 {
	    font-weight: 700;
	    font-size: 30px;
	    margin-bottom: 30px
	}
	
	.footer-minimal ul.social {
	    margin: 0;
	    padding: 0
	}
	
	.footer-minimal ul.social li {
	    display: inline;
	    list-style: none;
	    padding-right: 10px
	}
	
	.footer-minimal ul.social li a {
	    padding: 5px 8px;
	    background: #151515;
	    border: 1px solid #151515;
	    color: #fff;
	    border-radius: 2px;
	    -webkit-transition: all .35;
	    transition: all .35
	}
	
	.footer-minimal ul.social li a:hover {
	    text-decoration: none;
	    background: #ed1c24;
	    color: #fff;
	    border: 1px solid #ed1c24
	}
	
	.footer-minimal .copyright-text {
	    margin-top: 30px
	}
	
	.footer-minimal .copyright-text a {
	    color: #ed1c24
	}
	
	.footer-minimal .copyright-text a:hover {
	    color: #333
	}
	
	.footer-minimal .copyright-text p {
	    margin-bottom: 0
	}
	
	.gallery {
	    margin-bottom: 20px;
	    display: inline-block
	}
	
	.gallery li {
	    float: left;
	    width: 31%;
	    margin-right: 5px;
	    margin-bottom: 5px
	}
	
	.footer-list {
	    margin-bottom: 30px
	}
	
	.footer-list ul li a {
	    color: #fff;
	    font-size: 12px;
	    font-weight: 100;
	    display: block;
	    padding: 5px 0;
	    text-decoration: none;
	    -webkit-transition: all 0.4s;
	    transition: all 0.4s
	}
	
	.footer-list ul li a i {
	    padding-right: 8px
	}
	
	.footer-list ul li a:hover {
	    color: #f3f3f3
	}
	
	.footer-subscribe {
	    margin-top: 20px;
	    margin-bottom: 30px;
	    position: relative
	}
	
	.footer-subscribe input,
	.footer-subscribe input:focus {
	    background: #1c1c1c;
	    border-radius: 0;
	    border: 0 solid;
	    height: 40px;
	    outline: none;
	    box-shadow: none
	}
	
	.footer-subscribe button,
	.footer-subscribe button:focus,
	.footer-subscribe button:hover {
	    position: absolute;
	    right: 0;
	    top: 0;
	    background: #3568B2;
	    width: 60px;
	    height: 100%;
	    font-size: 13px;
	    color: #fff;
	    font-weight: 600;
	    border: 0 solid;
	    border-radius: 0;
	    outline: none
	}
	
	.copyright {
	    border-top: 1px solid #cad5db;
	    padding: 30px 0 0 0
	}
	
	.footer-menu ul li a:hover {
	    color: #3568B2
	}
	
	.copyright .copyright-text p {
	    color: #fff
	}
	
	.copyright .copyright-text a {
	    color: #3568B2;
	    font-weight: 600
	}
	
	.copyright .copyright-text p b {
	    color: #82d2ff;
	    font-weight: 600;
	    font-size: 16px
	}
	
	.footer-menu ul {
	    text-align: right
	}
	
	.footer-menu ul li {
	    display: inline-block
	}
	
	.footer-menu ul li a {
	    color: #fff;
	    font-size: 14px;
	    display: inline-block;
	    padding-left: 25px;
	    text-decoration: none
	}
	
	.error-page {
	    text-align: center
	}
	
	.error-page h1 {
	    font-size: 120px;
	    margin-bottom: 40px;
	    color: #fff
	}
	
	.error-page h3 {
	    font-size: 60px;
	    color: #fff
	}
	
	.error-page p {
	    font-weight: 700;
	    margin-bottom: 30px;
	    color: #fff
	}
	
	.centerdiv {
	    margin: 0 auto!important;
	    width: 100%
	}
	
	.pos,
	.relative {
	    position: relative
	}
	
	#top-container-def .search-div {
	    margin-top: 15px
	}
	
	.search-div {
	    display: block;
	    float: right;
	    position: relative;
	    margin-right: 128px
	}
	
	#top-container-def .search-div input {
	    outline: 0;
	    -webkit-appearance: textfield;
	    -webkit-box-sizing: content-box;
	    font-family: inherit;
	    background: 0;
	    border: 2px solid #53bde5;
	    padding: 6px;
	    font-size: 0;
	    -webkit-border-radius: 40px;
	    -moz-border-radius: 40px;
	    border-radius: 40px;
	    -webkit-transition: all .5s;
	    -moz-transition: all .5s;
	    transition: all .5s;
	    color: transparent;
	    cursor: pointer;
	    margin-right: 8px;
	    width: 15px;
	    height: 15px
	}
	
	#inner-top-container .search-div input {
	    outline: 0;
	    -webkit-appearance: textfield;
	    -webkit-box-sizing: content-box;
	    font-family: inherit;
	    font-size: 100%;
	    background: 0;
	    border: solid 2px #53bde5;
	    padding: 6px;
	    width: 55px;
	    font-size: 0;
	    -webkit-border-radius: 40px;
	    -moz-border-radius: 40px;
	    border-radius: 40px;
	    -webkit-transition: all .5s;
	    -moz-transition: all .5s;
	    transition: all .5s;
	    width: 15px;
	    height: 14px;
	    color: transparent;
	    cursor: pointer;
	    margin-right: 0;
	    position: relative;
	    z-index: 99
	}
	
	#inner-top-container .search-div input:focus,
	#top-container-def .search-div input:focus {
	    width: 130px;
	    font-size: 12px;
	    padding-left: 32px;
	    color: #414141;
	    border-color: #53bde5;
	    cursor: auto;
	    -webkit-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
	    -moz-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
	    box-shadow: 0 0 5px rgba(109, 207, 246, .5);
	    margin-right: 8px
	}
	
	#top-container-def .search-div input:focus {
	    color: #fff
	}
	
	.textc {
	    text-align: center
	}
	
	#dot-img a,
	#dot-img1 a,
	.part-com span,
	.soc-icon a,
	.soc-icon a span,
	p.at-hb-text a span {
	    display: inline-block
	}
	
	p.at-hb-text a {
	    font-family: proxima_novaregular
	}
	
	.sub-div button {
	    font-size: 20px;
	    color: #fff;
	    background: #2bad4d;
	    font-family: proxima_novasemibold;
	    margin: 0 0 0 6px;
	    padding: 6px 15px 7px;
	    border: 0;
	    cursor: pointer;
	    text-transform: uppercase
	}
	
	.aw-left {
	    padding-right: 26px
	}
	
	.copy-text {
	    margin-top: 15px
	}
	
	.homebody {
	    padding: 0!important
	}
	
	.chosen-container-single .chosen-single span {
	    font-family: Lato, sans-serif;
	    font-size: 15px;
	    color: #585858
	}
	
	.link-area {
	    float: right
	}
	
	#top-container-def .link-area,
	#top-container-def .topmenu {
	    float: right;
	    display: block;
	    padding-top: 10px
	}
	
	.link-area a {
	    float: left;
	    display: block;
	    line-height: 30px;
	    font-family: Raleway, sans-serif;
	    color: #c1c1c1;
	    font-size: 13px;
	    margin-right: 13px
	}
	
	.link-area a:hover,
	.post-div a:hover {
	    color: #00a8ec
	}
	
	.topmenu ul,
	.topmenu ul li {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	    float: right
	}
	
	.topmenu ul li {
	    padding-left: 30px;
	    float: left;
	    padding-bottom: 14px;
	    cursor: pointer
	}
	
	.topmenu ul li a {
	    font-size: 14px;
	    color: #fff;
	    font-family: ProximaNovaBold;
	    text-transform: uppercase;
	    -webkit-transition: 0;
	    -moz-transition: 0;
	    -ms-transition: 0;
	    -o-transition: 0;
	    transition: 0
	}
	
	.tab-link {
	    display: block;
	    float: left;
	    width: 100%
	}
	
	.tab-link ul,
	.tab-link ul li {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	    overflow: hidden
	}
	
	.tab-link ul li {
	    padding: 15px 0;
	    width: 14%;
	    float: left;
	    text-align: center
	}
	
	.tab-link a {
	    color: #b4c1d1;
	    font-size: 15px;
	    font-family: proxima_novaregular;
	    text-align: center;
	    position: relative;
	    margin-bottom: 0;
	    cursor: default
	}
	
	.tab-link a em {
	    display: inline-block;
	    font-style: normal;
	    padding-bottom: 5px;
	    font-size: 16px;
	    color: #2a2e32
	}
	
	.tab-link a span span {
	    display: inline-block;
	    margin-bottom: 0;
	    clear: both;
	    margin-left: -3px
	}
	
	.tab-link a span.web-i span {
	    background: url(../../../www.hiddenbrains.com/public/local-cdn/images/home-sprites-transae52.html?v=5) no-repeat -420px -68px;
	    width: 35px;
	    height: 30px;
	    margin-top: 18px
	}
	
	.tab-link a span.mobility-i span {
	    background: url(../../../www.hiddenbrains.com/public/local-cdn/images/home-sprites-transae52.html?v=5) no-repeat -458px -68px;
	    width: 23px;
	    height: 32px;
	    margin-top: 16px
	}
	
	.tab-link a span.enter-i span {
	    background: url(../../../www.hiddenbrains.com/public/local-cdn/images/home-sprites-transae52.html?v=5) no-repeat -483px -68px;
	    width: 31px;
	    height: 31px;
	    margin-top: 18px
	}
	
	.tab-link a span.game-i span {
	    background: url(../../../www.hiddenbrains.com/public/local-cdn/images/home-sprites-transae52.html?v=5) no-repeat -516px -68px;
	    width: 36px;
	    height: 35px;
	    margin-top: 15px
	}
	
	.tab-link a span.opens-i span {
	    background: url(../../../www.hiddenbrains.com/public/local-cdn/images/home-sprites-transae52.html?v=5) no-repeat -554px -68px;
	    width: 36px;
	    height: 28px;
	    margin-top: 18px
	}
	
	.tab-link a span.hire-i span {
	    background: url(../../../www.hiddenbrains.com/public/local-cdn/images/home-sprites-transae52.html?v=5) no-repeat -591px -68px;
	    width: 39px;
	    height: 30px;
	    margin-top: 18px
	}
	
	.tab-link a span.consu-i span {
	    background: url(../../../www.hiddenbrains.com/public/local-cdn/images/home-sprites-transae52.html?v=5) no-repeat -631px -68px;
	    width: 30px;
	    height: 29px;
	    margin-top: 18px
	}
	
	.com-info {
	    display: block;
	    overflow: hidden;
	    text-align: center;
	    clear: both
	}
	
	.com-info h4 {
	    color: #FFEB3B;
	    font-size: 30px;
	    font-weight: 500;
	    padding-bottom: 20px
	}
	
	.com-info h4 b {
	    color: #fff;
	    font-size: 60px;
	    font-weight: 500
	}
	
	.com-info h4 span {
	    display: block;
	    font-size: 16px;
	    color: #fff;
	    font-weight: 100;
	    padding-top: 5px;
	    text-align: center;
	    padding-bottom: 20px;
	    text-transform: none
	}
	
	.info-photo-main {
	    overflow: hidden
	}
	
	.info-one {
	    width: 380px;
	    height: 384px;
	    float: left
	}
	
	.info-mid {
	    float: left;
	    width: 400px;
	    height: 384px
	}
	
	.banner-tabs {
	    position: relative;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background-color: #3568B2;
	    width: 100%
	}
	
	.banner-tabs ul {
	    list-style: none;
	    padding-left: 0;
	    margin-bottom: 0
	}
	
	.affordable-new {
	    text-align: center;
	    padding-top: 24px;
	    padding-bottom: 15px;
	    position: absolute;
	    bottom: 0;
	    width: 14.5%
	}
	
	.affordable-new a {
	    font-size: 18px;
	    color: #fff;
	    font-weight: 600;
	    line-height: 14px
	}
	
	.affordable-new img {
	    margin-bottom: 22px
	}
	
	.new-section {
	    position: absolute;
	    top: -35px;
	    left: -31px;
	    background-color: #00be9c;
	    height: 70px;
	    width: 70px;
	    border-radius: 50%;
	    text-align: center;
	    color: #fff;
	    line-height: 70px;
	    text-transform: uppercase;
	    font-size: 18px;
	    font-weight: 900;
	    border: 2px solid #fff
	}
	
	.banner-bottom-tab {
	    text-align: center;
	    padding-top: 15px;
	    padding-bottom: 15px;
	    border-left: 1px solid #fff;
	    width: 20%;
	    border-right: 1px solid #fff
	}
	
	.banner-bottom-tab.seo {
	    border-right: 1px solid #fff
	}
	
	.affordable-new {
	    border-left: 1px solid #fff;
	    width: 10%
	}
	
	.banner-bottom-tab:hover,
	.banner-bottom-tab.active {
	    background-color: #9E51A0;
	}
	
	.banner-bottom-tab a {
	    font-size: 14px;
	    color: #fff;
	    font-family: 'Josefin Sans', sans-serif;
	    letter-spacing: 1px;
	    font-weight: 400;
	    text-transform: uppercase;
	    line-height: 19px;
	    display: block
	}
	
	.banner-bottom-tab img {
	    margin-bottom: 15px
	}
	
	.background-color-change {
	    background-color: #f9f9f9;
	    padding-bottom: 50px
	}
	
	.banner-bottom-content {
	    margin-top: 50px;
	    text-align: center
	}
	
	.wrap {
	    margin: 0 auto;
	    width: auto;
	    padding: 0 0;
	    text-transform: capitalize;
	    color: #3568B2;
	    font-size: 2.2em;
	    text-align: left;
	    text-transform: uppercase;
	    font-weight: 600;
	}
	
	.wrap2 {
	    position: relative;
	    margin: 0 auto;
	    width: 1200px;
	    padding: 0 0
	}
	
	.parallax-1 {
	    background-size: 100%
	}
	
	.sectionContainer1 {
	    text-align: center;
	    height: auto;
	    margin-bottom: 0;
	    background: #ececec73;
	    float: left;
	    width: 100%;
	    padding: 50px 0 50px 0
	}
	
	.sectionContainer1 h2 {
	    font-weight: 400;
	    font-size: 40px;
	    line-height: 46px;
	    padding: 25px
	}
	
	.sectionContainer1 p {
	    font-size: 18px;
	    line-height: 30px;
	    margin: 0 auto;
	    font-weight: 200;
	    color: #5a5a5a;
	    position: relative;
	    margin-bottom: 0;
	    padding-top: 0;
	    text-align: justify
	}
	
	.sectionContainer1 h3 {
	    padding-top: 35px;
	    font-size: 30px
	}
	
	a.btn1 {
	    padding: 12px 20px;
	    display: inline-block;
	    text-transform: uppercase;
	    margin-top: 25px;
	    color: #888
	}
	
	.sectionContainer2 {
	    background: #fff;
	    padding: 100px 0;
	    text-align: center
	}
	
	.sectionContainer2 h1 {
	    color: #d31f63;
	    font-size: 40px;
	    padding-bottom: 25px
	}
	
	.sectionContainer2 p {
	    font-size: 20px;
	    line-height: 27px
	}
	
	.gridOneSix {
	    width: 19%;
	    display: inline-block;
	    vertical-align: top;
	    margin-top: 30px;
	    position: relative;
	    text-align: center;
	}
	
	.gridOneSix p {
	    font-size: 14px!important;
	    /*position:absolute;bottom:0;left:0;*/
	    text-align: center;
	}
	
	.gridOneSix img {
	    height: 50px;
	    width: auto
	}
	
	.type-10 {
	    padding: 0!important;
	    width: 150px;
	    height: 42px;
	    display: block;
	    text-transform: uppercase;
	    font-size: 14px;
	    line-height: 42px
	}
	
	.fb-icon {
	    margin-top: 10px
	}
	
	.footer-title {
	    margin-bottom: 20px
	}
	
	.cp-right-left {
	    width: 100%;
	    line-height: 22px;
	    text-align: center;
	    margin-top: 10px
	}
	
	.cp-right-right {
	    width: 100%;
	    text-align: center
	}
	
	.crtifications-alliances ul li {
	    margin-left: 6px
	}
	
	.way-to-touch {
	    margin-bottom: 15px
	}
}
@media only screen and (min-width:640px) and (max-width:767px) {
    .le-news {
        display: block
    }
    
    .imgo {
        width: 100%;
        height: 236px;
        background-size: 170% 236px
    }
    
    .bg-img-main .banner-bt-link {
        font-size: 12px;
        top: 69%
    }
    
    .banner-bt-link {
        width: 80%
    }
    
    .bg-img-main .banner-bt-link li {
        font-size: 12px;
        padding: 0 17px
    }
    
    .news-carr-aw.textc .sub-div,
    .small-join-txt {
        width: 49%;
        float: left;
        margin-right: 1%;
        clear: left
    }
    
    span.stay-updated {
        margin-top: 11px;
        margin-right: 5px
    }
    
    .top-sp {
        padding-top: 6px
    }
    
    .sub-div {
        padding-bottom: 10px
    }
    
    .home-social {
        position: relative;
        top: -26px
    }
    
    .tab-link ul li {
        padding: 8px 27px
    }
    
    .tab-link strong {
        margin-left: 15px
    }
    
    .big-mid span,
    .info4 span,
    .info44 span {
        top: 0;
        height: 251px
    }
    
    .menu--sub {
        right: 0px!important
    }
    
    .f-social-media-box {
        width: 47%
    }
    
    .keep-touch-box {
        float: right;
        margin-top: 15px;
        width: 48%
    }
    
    .title-iphone6 {
        width: 15%!important
    }
    
    .adv-bg div.open-s-m-icon-main a {
        margin-left: 5px;
        margin-right: 5px
    }
    
    .inquiry-social-m-main {
        float: none!important;
        width: 37%!important;
        margin: 0 auto;
        text-align: center
    }
    
    .inquiry-social-m-main .social-test {
        float: none;
        margin: 0 0 10px 0!important;
        display: block;
        width: 100%
    }
    
    .inquiry-footer-main {
        margin-top: 10px!important
    }
    
    .inquiry-footer {
        padding-bottom: 10px!important
    }
    
    #inq-popup .inq-form-left .row select.title {
        border: 1px solid #ddd!important;
        box-shadow: 0 0 0 #000;
        display: block;
        -webkit-appearance: none;
        padding: 15px 10px!important
    }
    
    input,
    textarea,
    select {
        border-radius: 0px!important
    }
    
    #bott-container .news-carr-aw.news-carr-awards {
        margin-left: auto;
        display: table;
        margin-right: auto;
        float: none;
        width: 417px
    }
    
    .m-navigation ul {
        height: 91.3vh
    }
    
    .f-social-media-box img {
        width: 100%
    }
    
    .c-hb-logo {
        display: none
    }
    
    .bg-img-main:after {
        height: 60px;
        bottom: -15px;
        background-size: 100%;
        width: 100%;
        background-position: center
    }
    
    .footer-div:after {
        height: 70px;
        background-position: center;
        background-size: 160%;
        width: 100%
    }
    
    .footer-mid {
        margin: 0 0 30px;
        width: 45%
    }
    
    .footer-right {
        width: 55%
    }
    
    .stay-with-us {
        margin-top: 15px
    }
}
@media only screen and (max-width:479px) {
    .le-news {
        padding-bottom: 20px;
        display: block;
        text-align: center
    }
    
    .le-news p.at-hb-text {
        font-size: 14px
    }
    
    .aw-left {
        box-sizing: border-box;
        width: 100%;
        padding-right: 0
    }
    
    div#top-container-def div.centerdiv {
        width: 90%
    }
    
    .bg-img-main .banner-bt-link {
        font-size: 10px;
        top: 36%;
        line-height: 13px
    }
    
    .bg-img-main .banner-bt-link li {
        font-size: 9px;
        padding: 0 2px
    }
    
    .bg-img-main .banner-bt-link {
        font-size: 12px;
        top: 34%
    }
    
    a.arrow-open {
        display: none
    }
    
    #top-container .r-clear .mobile-menu-home-iclass {
        margin-top: -80px
    }
    
    .centerdiv {
        width: 90%!important
    }
    
    #top-container-def .r-clear {
        display: none
    }
    
    .logo-left {
        width: 70%
    }
    
    .bg-img1,
    .bg-img2,
    .bg-img3,
    .bg-img4,
    .bg-img5,
    .bg-img6,
    .bg-img7,
    .bg-img8,
    .usa-banner-bg {
        width: 100%;
        height: 200px;
        background-size: 250% 200px
    }
    
    .banner-bg-main-cnt {
        width: 100%
    }
    
    #bannerimg div.centerdiv {
        padding-top: 40px
    }
    
    .banner-bg-main {
        width: 100%;
        height: 200px;
        background-size: cover;
        background-position: -225px 0
    }
    
    .banner-bgmain-hd {
        font-size: 29px;
        padding: 0;
        line-height: 25px
    }
    
    .banner-bgmain-slogan {
        padding-left: 0;
        font-size: 13px;
        margin-top: 5px!important
    }
    
    .imgo {
        width: 100%;
        height: 150;
        background-size: 150% 150px
    }
    
    .ad-top {
        display: none
    }
    
    .menu-t-menu-new {
        display: none
    }
    
    .left {
        float: none;
        width: 100%;
        margin: auto;
        text-align: center
    }
    
    .com-info h4 {
        font-size: 22px;
        line-height: 22px
    }
    
    .com-info h4 span {
        font-size: 16px;
        line-height: 17px
    }
    
    .bg-img-main>div {
        width: 320px!important
    }
    
    .news-carr-aw {
        width: 100%
    }
    
    .news-carr-aw+.news-carr-aw {
        padding-left: 0;
        margin: 20px 0
    }
    
    .news-carr-aw h5,
    .news-carr-aw h6 {
        font-size: 18px
    }
    
    .quick-links {
        display: none
    }
    
    .info-photo-main {
        width: 95%;
        margin: auto
    }
    
    #award {
        width: 100%!important
    }
    
    .right-video img {
        width: 100%;
        height: auto
    }
    
    .left-cont-video {
        padding-left: 0;
        width: 100%
    }
    
    span.cert-alliance {
        display: table;
        margin: auto;
        width: auto;
        float: none;
        padding: 20px 0;
        font-family: proxima_novasemibold
    }
    
    .part-com span {
        padding: 0;
        margin: 10px 6px 0
    }
    
    .footer-side {
        padding-top: 0;
        margin-top: -50px
    }
    
    .com-info h4 span {
        margin-top: 10px
    }
    
    .info-mid {
        width: 100%;
        height: auto;
        margin-top: 10px
    }
    
    .small-one,
    .small-two {
        float: none;
        margin: auto auto 10px
    }
    
    .info-last {
        float: none;
        margin: 20px auto auto;
        width: 100%;
        height: auto
    }
    
    .big-mid {
        width: 100%;
        height: 148px
    }
    
    .big-mid img {
        width: 100%;
        height: auto
    }
    
    .info-last:hover img,
    .info5 img,
    .info55 img {
        width: 100%
    }
    
    .big-mid:hover span,
    .info4 span,
    .info44 span {
        width: 100%;
        background-size: 100% auto
    }
    
    .part-com span.mic-fo {
        background-size: 100% auto;
        margin-top: 15px;
        width: 70px;
        height: 50px
    }
    
    .tab-link ul li {
        padding: 5px 5px 5px 5px
    }
    
    .tab-link li span.consu-i,
    .tab-link li span.enter-i,
    .tab-link li span.game-i,
    .tab-link li span.hire-i,
    .tab-link li span.mobility-i,
    .tab-link li span.opens-i,
    .tab-link li span.web-i {
        width: 31px;
        height: 31px
    }
    
    .tab-link li span.mobility-i {
        background-position: -1px -71px
    }
    
    .tab-link li span.web-i {
        background-position: -33px -71px
    }
    
    .tab-link li span.game-i {
        background-position: -64px -71px
    }
    
    .tab-link li span.enter-i {
        background-position: -96px -71px
    }
    
    .tab-link li span.consu-i {
        background-position: -128px -71px
    }
    
    .tab-link li span.hire-i {
        background-position: -160px -71px
    }
    
    .tab-link li span.opens-i {
        background-position: -192px -71px
    }
    
    .tab-link a em {
        display: none
    }
    
    .tab-link a span.mobility-i span {
        background-position: -23px -1611px;
        height: 20px;
        margin-top: 7px;
        width: 14px
    }
    
    .tab-link a span.web-i span {
        background-position: -3px -1610px;
        height: 20px;
        margin-top: 7px;
        width: 20px
    }
    
    .tab-link a span.game-i span {
        background-position: -61px -1605px;
        height: 21px;
        margin-top: 4px;
        width: 21px
    }
    
    .tab-link a span.enter-i span {
        background-position: -42px -1600px;
        height: 19px;
        margin-top: 8px;
        width: 19px;
        margin-left: 0
    }
    
    .tab-link a span.consu-i span {
        background-position: -82px -1601px;
        height: 17px;
        margin-top: 8px;
        width: 21px;
        margin-left: 0
    }
    
    .tab-link a span.hire-i span {
        background-position: -103px -1602px;
        height: 18px;
        margin-top: 7px;
        width: 22px;
        margin-left: 0
    }
    
    .tab-link a span.opens-i span {
        background-position: -126px -1601px;
        height: 17px;
        margin-top: 7px;
        width: 18px;
        margin-left: 0
    }
    
    .services-main h1 {
        font-size: 18px
    }
    
    .services-main h1 span {
        line-height: 14px;
        font-size: 12px
    }
    
    #panel-nav {
        display: none
    }
    
    div.top-main.current_page div.bg-img-main div#bannerimg {
        margin-top: 0
    }
    
    .tab-link ul li div.services-main {
        top: 64px;
        height: auto!important
    }
    
    .set-height {
        height: auto!important
    }
    
    .adv-img-divl {
        height: auto
    }
    
    .adv-bg {
        height: auto;
        margin-top: 15px
    }
    
    a.view-all-test {
        top: 2%
    }
    
    .right-video {
        width: 250px;
        float: none;
        margin: auto
    }
    
    #bott-container div.centerdiv {
        width: 90%
    }
    
    .tab-link strong {
        top: 58px;
        margin-left: -7px
    }
    
    .services-main h2 {
        font-size: 20px
    }
    
    .services-main p {
        line-height: 18px;
        font-size: 13px;
        height: auto;
        padding-bottom: 10px
    }
    
    .adv-bg div.mobility-icon-main a {
        margin-left: 8px;
        margin-right: 8px
    }
    
    .adv-bg div.web-icon-main a {
        margin-left: 10px;
        margin-right: 10px
    }
    
    .adv-img-divr {
        margin-left: 0
    }
    
    .adv-bg div.open-s-m-icon-main a {
        margin-left: 8px;
        margin-right: 8px
    }
    
    .adv-bg div.con-m-icon-main a {
        margin: 0 15px 15px
    }
    
    .left-cont-video {
        font-size: 14px;
        line-height: 17px
    }
    
    .client-video #client-rev {
        height: 450px!important
    }
    
    .news-carr-aw+.news-carr-aw {
        margin-bottom: 0
    }
    
    .set-height {
        width: 100%
    }
    
    .big-mid,
    .info-mid,
    .small-two {
        border: none!important
    }
    
    #bannerimg,
    #bannerimg div,
    #wrapper,
    .bg-img-main,
    .centerdiv,
    .centerdiv.set-height.gray-bg div.fullwidth.bg-pattern1 div.com-info,
    .tab-link,
    .tab-link ul li,
    body,
    html {
        margin-top: 0
    }
    
    .le-news {
        padding-top: 20px
    }
    
    p.at-hb-text {
        padding-top: 5px
    }
    
    .aw-right {
        margin-bottom: 10px
    }
    
    .adv-bg a {
        font-size: 15px;
        line-height: 40px;
        padding-right: 10px
    }
    
    .adv-bg a .dis-more,
    .adv-bg a.req-quo {
        margin-left: 10px;
        margin-right: 10px
    }
    
    .home-social {
        width: 226px;
        float: none;
        margin: auto auto 70px;
        display: block
    }
    
    .copy-text {
        padding-bottom: 55px
    }
    
    #consulting,
    #enterprise,
    #gaming,
    #hiring,
    #mobility,
    #opens,
    #web {
        min-height: 600px
    }
    
    .bg-img-main .home-banner-heading {
        font-size: 16px;
        line-height: 18px
    }
    
    .bg-img-main p {
        font-size: 13px;
        height: auto;
        margin-bottom: 5px;
        padding: 0
    }
    
    .bg-img-main a.btn-banner {
        font-size: 11px;
        height: 25px;
        line-height: 25px;
        margin-top: 0;
        text-align: center;
        width: 115px
    }
    
    .company-in-footer .inner-bott-content div.bott-heading {
        font-size: 20px;
        line-height: 30px
    }
    
    .inner-bott-content p {
        font-size: 14px
    }
    
    .f-social-media-box {
        width: 100%;
        height: auto
    }
    
    .inner-copyright-r ul li {
        margin-right: 4px!important
    }
    
    .keep-touch-box {
        width: 100%;
        margin-top: 40px;
        margin-left: 0
    }
    
    .quick-links-box {
        width: 100%;
        margin-top: 40px
    }
    
    .quick-links-box ul {
        width: 100%
    }
    
    .company-in-footer .inner-copyright {
        padding-top: 10px
    }
    
    .f-social-media-box img {
        width: 100%;
        height: auto
    }
    
    #bannerimgtop div {
        width: 100%;
        background-size: 100% 80px!important;
        height: 100px!important
    }
    
    .banner-div {
        top: 0!important;
        position: relative
    }
    
    .banner-btn {
        font-size: 8px!important;
        height: 22px!important;
        line-height: 21px!important;
        padding: 0 6px!important;
        top: -128px!important
    }
    
    #optFixed .ban-main {
        height: 180px!important
    }
    
    .logo-left a img {
        display: block;
        height: auto;
        margin: auto;
        width: 150px!important
    }
    
    #inq-popup .inq-form-left .row select,
    .australia-trip-body #inq-popup .inq-form-left .row input {
        font-size: 13px!important
    }
    
    #current-openings .common-detail-box.active {
        padding: 0!important
    }
    
    #current-openings .common-detail-box a.btn-refer {
        margin-left: 10px!important;
        width: 160px!important
    }
    
    .c-copyright-text {
        text-align: center;
        margin-bottom: 20px;
        font-size: 12px
    }
    
    .copyright-right {
        margin: auto;
        float: none;
        width: 80%
    }
    
    body.body-current-o {
        padding-top: 58px
    }
    
    #newsletter-subscribe .center-align {
        width: 100%!important
    }
    
    #newsletter-subscribe .title-txt h2 {
        font-size: 25px!important
    }
    
    #newsletter-subscribe .title-txt span {
        font-size: 13px!important
    }
    
    #newsletter-subscribe .fancybox-wrap {
        top: 5%!important
    }
    
    #newsletter-subscribe .side-cnt {
        width: 100%!important
    }
    
    #newsletter-subscribe .left-div {
        float: left;
        width: 100%
    }
    
    #newsletter-subscribe .inq-form-left .row input.first-name {
        margin-left: 0!important;
        padding: 15px 5px!important;
        width: 100%!important;
        box-sizing: border-box;
        margin-top: 9px!important
    }
    
    #newsletter-subscribe .inq-form-left .row input.last-name {
        margin-left: 0!important;
        padding: 15px 5px!important;
        width: 100%!important;
        box-sizing: border-box!important;
        margin-top: 9px!important
    }
    
    #newsletter-subscribe .right-div {
        float: right;
        width: auto;
        width: 100%;
        margin-top: 8px
    }
    
    #newsletter-subscribe .logo-newslatter {
        background-size: 100%;
        text-align: center;
        margin: auto;
        width: 80px;
        height: 75px
    }
    
    .body-current-o .we-thrive-main {
        padding-top: 0
    }
    
    #wrapper #job-application .center-align {
        width: 95%
    }
    
    #wrapper #job-application .left-cnt {
        width: 100%
    }
    
    #wrapper #job-application .title-txt img {
        width: 100%;
        height: auto
    }
    
    #wrapper #job-application .title-txt h2 {
        font-size: 30px
    }
    
    #wrapper #job-application .title-txt span {
        font-size: 15px
    }
    
    #wrapper #job-application .side-cnt {
        margin-right: 0;
        width: 100%;
        float: right
    }
    
    #wrapper #job-application .app-form-right .row input.first-name {
        width: 100%;
        margin-left: 0
    }
    
    #wrapper #job-application .app-form-right .row input.contact-no {
        width: 100%;
        margin-top: 10px
    }
    
    #wrapper #job-application .job-exp-info .relavent-exp {
        width: 100%!important;
        margin-left: 0;
        margin-bottom: 10px
    }
    
    #wrapper #job-application .app-form-right .row input.last-name {
        width: 100%
    }
    
    #wrapper #job-application .app-form-right .left-div,
    #wrapper #job-application .app-form-right .right-div {
        width: 100%!important;
        margin-top: 10px
    }
    
    #wrapper #job-application .app-form-right .row input.city {
        width: 100%
    }
    
    #wrapper #client-testimonial-submission .center-align {
        width: 95%
    }
    
    #wrapper #client-testimonial-submission .side-bar {
        width: 100%;
        background-size: 100px;
        min-height: 85px
    }
    
    #wrapper #client-testimonial-submission .thnkyou-cnt-right {
        width: 100%;
        float: right
    }
    
    #wrapper #client-testimonial-submission .top-cnt-cts h2 {
        font-size: 21px;
        line-height: 18px;
        margin-top: 15px
    }
    
    #wrapper #client-testimonial-submission .more-details p,
    #wrapper #client-testimonial-submission .top-cnt-cts h2 span {
        font-size: 17px
    }
    
    #wrapper #client-testimonial-submission .top-cnt-cts {
        min-height: inherit;
        margin-bottom: 20px
    }
    
    #wrapper #client-testimonial-submission .more-details {
        min-height: inherit
    }
    
    #wrapper #client-testimonial-submission .stay-connected {
        float: none;
        width: 229px;
        margin: auto;
        display: block
    }
    
    #wrapper #client-testimonial-submission .pdf-profile {
        float: none;
        padding-top: 30px;
        margin: auto;
        display: block;
        width: 244px;
        clear: both
    }
    
    #wrapper #client-testimonial-submission .more-details label {
        font-size: 19px
    }
    
    #wrapper .job-exp-info .total-exp {
        width: 100%!important
    }
    
    #wrapper #job-application .app-form-right .row input.job-title {
        width: 100%;
        margin-bottom: 10px
    }
    
    #wrapper #job-application .app-form-right .row input.company-input,
    #wrapper #job-application .app-form-right .row input.current-ctc {
        width: 100%
    }
    
    #wrapper #job-application .upload-file {
        margin-top: 10px;
        width: 100%
    }
    
    #wrapper #job-application .upload-file.cover-latter span.file-displbl {
        width: 83%
    }
    
    #wrapper #job-application .upload-file.cover-latter {
        width: 100%;
        margin-top: 0
    }
    
    #wrapper #job-application .upload-file span {
        width: 75%
    }
    
    #wrapper #job-application .upload-file.cover-latter input[type=file] {
        width: 77%
    }
    
    #wrapper #job-application .app-form-right .row.job-exp-info {
        margin-bottom: 0
    }
    
    #wrapper #job-application .app-form-right .left-div.error-msg {
        margin-top: 0
    }
    
    span.stay-updated {
        margin-right: 8px
    }
    
    .inquiry-social-m-main {
        float: none!important;
        width: 80%;
        margin: 0 auto;
        text-align: center
    }
    
    .inquiry-social-m-main .social-test {
        float: none;
        margin: 0 0 10px 0!important;
        display: block;
        width: 100%
    }
    
    .inquiry-footer {
        padding-bottom: 10px!important
    }
    
    #inq-popup .inq-form-left .row select.title {
        border: 1px solid #ddd!important;
        box-shadow: 0 0 0 #000;
        display: block;
        -webkit-appearance: none
    }
    
    input,
    textarea,
    select {
        border-radius: 0px!important
    }
    
    .home-p-services-s,
    .never-miss-bar,
    .client-video,
    .centerdiv.set-height.gray-bg {
        display: none
    }
    
    .bg-img-main>div {
        height: 200px!important
    }
    
    .footer-div .part-com span.iso-fo {
        background: url(../../../www.hiddenbrains.com/public/local-cdn/images/homepage-mobile-v-sprite.html) no-repeat 0 -82px;
        width: 51px;
        height: 62px;
        display: inline-block
    }
    
    .footer-div .part-com span.mic-fo {
        background: url(../../../www.hiddenbrains.com/public/local-cdn/images/homepage-mobile-v-sprite.html) no-repeat -65px -90px;
        width: 82px;
        height: 62px;
        display: inline-block;
        margin-left: 20px;
        margin-right: 20px
    }
    
    .footer-div .part-com span.ges-fo {
        background: url(../../../www.hiddenbrains.com/public/local-cdn/images/homepage-mobile-v-sprite.html) no-repeat -159px -79px;
        width: 70px;
        height: 67px;
        display: inline-block
    }
    
    .footer-div .part-com span.nas-fo {
        background: url(../../../www.hiddenbrains.com/public/local-cdn/images/homepage-mobile-v-sprite.html) no-repeat -235px -81px;
        width: 57px;
        height: 55px;
        display: inline-block;
        margin-top: 25px
    }
    
    .footer-div .part-com span.dru-fo {
        background: url(../../../www.hiddenbrains.com/public/local-cdn/images/homepage-mobile-v-sprite.html) no-repeat -312px -84px;
        width: 96px;
        height: 47px;
        display: inline-block;
        margin-top: 29px
    }
    
    #award .aw1 {
        width: 100%
    }
    
    .small-logo {
        height: auto;
        border-bottom: #c3c3c3 1px solid;
        border-top: #c3c3c3 1px solid;
        width: 100%;
        margin-top: 40px;
        padding-top: 10px;
        margin-bottom: 20px
    }
    
    .home-social {
        display: none
    }
    
    #all_quick_inquiry_popup_box.get-a-quote-box h2 {
        float: right;
        width: 94%;
        padding-right: 6%
    }
    
    #all_quick_inquiry_popup_box.get-a-quote-box .get-a-q-input {
        font-size: 16px
    }
    
    #all_quick_inquiry_popup_box.get-a-quote-box .get-a-text-box {
        font-size: 16px
    }
    
    #all_quick_inquiry_popup_box.get-a-quote-box .get-a-q-input {
        width: 100%;
        box-sizing: border-box
    }
    
    #all_quick_inquiry_popup_box.get-a-quote-box .get-a-text-box {
        width: 100%;
        box-sizing: border-box
    }
    
    #all_quick_inquiry_popup_box.get-a-quote-box .get-i-text-main {
        width: 100%
    }
    
    #all_quick_inquiry_popup_box.get-a-quote-box .get-a-form {
        border-top: 1px solid #33b656
    }
    
    .copy-text span {
        display: block
    }
    
    #all_quick_inquiry_popup_box .get-a-close-icon {
        left: 136px
    }
    
    .usa-banner-bg .home-banner-heading {
        text-transform: none;
        font-size: 20px;
        line-height: 18px;
        display: block;
        color: #cf131b;
        font-family: proxima_novaregular
    }
    
    .usa-banner-bg .home-banner-heading span {
        color: #fff;
        font-size: 13px;
        display: block
    }
    
    .bg-img-main .usa-banner-bg a.btn-banner {
        background: #113f76
    }
    
    .usa-banner-bg ul {
        margin: auto;
        display: table;
        padding: 10px 0 10px 0
    }
    
    .usa-banner-bg ul li {
        float: left;
        color: #fff;
        font-size: 12px;
        border-left: #fff 1px solid;
        line-height: 12px;
        padding: 0 10px
    }
    
    #bannerimg .usa-banner-bg div.centerdiv {
        padding-top: 66px
    }
    
    #bannerimg,
    #bannerimg div .usa-b-date-box {
        font-size: 15px;
        padding: 0 0;
        margin-top: 0;
        border-bottom: 1px solid #113f76;
        font-family: proxima_novaregular
    }
    
    .four-z-four-left-section {
        float: left;
        margin: 0 0%;
        text-align: center;
        width: 100%
    }
    
    .four-z-four-left-section span {
        font-size: 40px;
        line-height: 40px
    }
    
    .four-z-four-left-section h2 {
        line-height: 130px;
        font-size: 130px
    }
    
    .four-z-four-left-section small {
        font-size: 22px
    }
    
    .four-z-four-right-section {
        float: right;
        margin-top: 40px;
        width: 100%;
        text-align: center
    }
    
    .four-z-four-right-section span {
        font-size: 17px;
        line-height: 22px
    }
    
    .four-z-four-right-section .four-z-four-go-back-btn,
    .four-z-four-right-section .four-z-four-contact-us {
        display: inline-block;
        float: none;
        font-size: 15px;
        padding: 10px 20px
    }
    
    .four-z-four-main {
        background-image: none;
        height: auto
    }
    
    .australia-trip-body .fixed-header .au-header-right {
        padding-top: 2px
    }
    
    .australia-trip-body #inquiry-thankyou .inq-code span {
        clear: both;
        display: block
    }
    
    .australia-trip-body #inquiry-thankyou .live-chat-pop-up-cls {
        display: block
    }
    
    .c-hb-logo {
        display: none
    }
    
    .bg-img-main:after {
        background-size: 110% auto;
        width: 100%;
        height: 32px;
        bottom: -30px;
        background-position: center
    }
    
    .footer-div:after {
        height: 60px;
        background-size: 160%;
        background-position: center;
        width: 100%
    }
    
    .banner-bgmain-hd {
        font-size: 24px
    }
    
    .banner-bgmain-slogan {
        font-size: 14px
    }
    
    .footer-left,
    .footer-mid {
        margin: 0 0 30px;
        width: 100%
    }
    
    .footer-right {
        width: 100%
    }
    
    .stay-with-us a {
        width: 35px;
        height: 35px;
        line-height: 44px;
        margin-bottom: 5px
    }
    
    .footer-content {
        padding-bottom: 50px
    }
    
    .pin-icon {
        margin-top: 8px
    }
    
    .gp-icon {
        margin-top: 10px
    }
    
    .b-icon {
        margin-top: 8px
    }
    
    .yt-icon {
        margin-top: 5px
    }
    
    .tw-icon {
        margin-top: 9px
    }
    
    .in-icon {
        margin-top: 8px
    }
    
    .fb-icon {
        margin-top: 8px
    }
    
    .footer-title {
        margin-bottom: 20px
    }
    
    .cp-right-left {
        width: 100%;
        line-height: 22px;
        text-align: center;
        margin-top: 10px
    }
    
    .cp-right-right {
        width: 100%;
        text-align: center
    }
    
    .stay-with-us {
        margin-top: 15px
    }
    
    .subscribe-btn-footer {
        margin-top: 13px
    }
    
    .crtifications-alliances ul li {
        margin: 0 0 10px 4px
    }
    
    .inner-footer {
        padding-bottom: 15px
    }
    
    .way-to-touch {
        margin-bottom: 15px
    }
}
@media only screen and (min-width:360px) and (max-width:479px) {
    .le-news {
        display: block
    }
    
    .gray-bg {
        margin-top: 0
    }
    
    .tab-link strong {
        margin-left: -4px
    }
    
    .tab-link ul li {
        padding: 7px 9px 7px 8px
    }
    
    #consulting,
    #enterprise,
    #gaming,
    #hiring,
    #mobility,
    #opens,
    #web {
        min-height: 575px
    }
    
    .bg-pattern1 .com-info h4 {
        margin-top: 10px
    }
    
    .adv-img-divr {
        clear: both;
        display: block;
        width: auto;
        width: 175px;
        margin: auto
    }
    
    .bg-img-main .banner-bt-link li {
        font-size: 10px;
        padding: 0 4px
    }
    
    .bg-img-main .banner-bt-link {
        font-size: 10px;
        top: 41%
    }
    
    .imgo {
        background-size: 165% 150px;
        width: 100%
    }
    
    .inquiry-social-m-main {
        float: none!important;
        width: 65%;
        margin: 0 auto;
        text-align: center
    }
    
    .inquiry-social-m-main .social-test {
        float: none;
        margin: 0 0 10px 0!important;
        display: block;
        width: 100%
    }
    
    .inquiry-footer-main {
        margin-top: 10px!important
    }
    
    .inquiry-footer {
        padding-bottom: 10px!important
    }
    
    #inq-popup .inq-form-left .row select.title {
        border: 1px solid #ddd!important;
        box-shadow: 0 0 0 #000;
        display: block;
        -webkit-appearance: none
    }
    
    input,
    textarea,
    select {
        border-radius: 0px!important
    }
}
@media only screen and (min-width:150px) and (max-width:1023px) {
    .le-news {
        display: block
    }
    
    .menu-right {
        display: none
    }
    
    .logo {
        float: left;
        margin: 18px 0
    }
    
    .menu-button {
        font-size: 0!important
    }
    
    .no-touch {
        float: right
    }
    
    .slide {
        clear: both;
        position: relative;
        margin-top: 0%
    }
    
    .mobile-nav {
        font-family: "proxima_novaregular", Helvetica, sans-serif;
        clear: both;
        position: relative;
        z-index: 99;
        margin-top: 3px
    }
    
    .m-navigation {
        float: left;
        top: 0;
        color: hsl(0, 0%, 20%);
        min-height: 100vh;
        left: 0;
        position: relative;
        width: 207px;
        display: none;
        border-left: none
    }
    
    .m-navigation {
        width: 280px
    }
    
    .main-mobile-nav {
        display: block!important
    }
    
    .m-navigation ul {
        background: #fff;
        float: left;
        width: 280px;
        padding: 0 0 0 0;
        margin: 44px 0 0 0;
        height: 88.3vh;
        overflow-y: scroll
    }
    
    .m-navigation ul li {
        background: #fff;
        list-style: none;
        border-top: #e5e5e5 1px solid;
        float: left;
        width: 100%;
        margin: 0
    }
    
    .m-navigation ul li a {
        color: #0098ce;
        font-size: 14px;
        padding: 9px 0 8px 10px;
        float: left;
        width: 87%;
        box-sizing: border-box;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-family: "proxima_novasemibold", Arial, Helvetica, sans-serif
    }
    
    .m-navigation ul li a:hover {
        color: #0098ce
    }
    
    .m-nav-btn {
        background: #fff;
        cursor: pointer;
        height: 20px;
        padding: 9px 7px 7px 21px;
        width: 28px;
        margin-left: 0;
        display: inline-block;
        position: absolute;
        z-index: 99;
        left: 0
    }
    
    .m-nav-btn i {
        border-top: 3px solid #5161aa;
        margin-top: 4px;
        width: 22px;
        float: left;
        clear: both
    }
    
    .full-bg-nav-opecity {
        background: rgba(0, 0, 0, .5);
        height: 1000vh;
        position: absolute;
        width: 100%;
        z-index: 5;
        display: none;
        top: 0
    }
    
    .full-bg-nav-opecity.full-bg-nav-active {
        display: block
    }
    
    .main-mobile-nav {
        position: absolute;
        top: 0;
        left: 0;
        width: 280px
    }
    
    .minus-plus-icon {
        background: url(../../../www.hiddenbrains.com/public/local-cdn/images/minus-plus-icon.html) no-repeat 11px 12px;
        border-left: 1px solid #e5e5e5;
        float: right;
        height: 11px;
        cursor: pointer;
        min-height: 35px;
        min-width: 32px
    }
    
    .current .minus-plus-icon {
        background-position: -21px 12px
    }
    
    .m-navigation ul li ul li .minus-plus-icon {
        cursor: pointer;
        background: url(../../../www.hiddenbrains.com/public/local-cdn/images/minus-plus-icon.html) no-repeat 11px 12px;
        border-left: 1px solid #e5e5e5;
        float: right;
        height: 11px;
        min-height: 35px;
        min-width: 32px
    }
    
    .m-navigation ul li ul li.current-inner .minus-plus-icon {
        background-position: -21px 12px
    }
    
    .m-navigation ul li ul {
        width: 100%;
        float: left;
        padding: 0;
        margin: 0;
        height: auto;
        border-top: none;
        display: none
    }
    
    .m-navigation ul li ul li {
        background: #FFF;
        width: 100%;
        color: #ddd;
        font-size: 12px;
        text-transform: none
    }
    
    .m-navigation ul li ul li:last-child {
        border-bottom: none
    }
    
    .m-navigation ul li ul li .not-link-heading {
        color: #797979;
        width: 78%;
        float: left;
        font-size: 13px;
        text-transform: none;
        padding: 9px 0 8px 26px;
        font-family: "proxima_novasemibold", Arial, Helvetica, sans-serif;
        letter-spacing: 1px
    }
    
    .m-navigation ul li ul li a {
        text-transform: none;
        color: #797979;
        font-size: 13px;
        padding: 9px 0 8px 26px
    }
    
    .m-navigation ul li ul li ul li a {
        width: 100%;
        padding-left: 40px;
        font-size: 13px;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        letter-spacing: normal;
        font-weight: 400
    }
    
    .m-navigation ul li ul li ul li {
        background: #FFF;
        border-bottom: none
    }
    
    .m-navigation ul li ul li ul li a {
        color: #999
    }
    
    .m-navigation ul li ul li ul li .not-link-heading {
        color: #999
    }
    
    .m-navigation ul li ul {
        display: none
    }
    
    .m-navigation ul li ul li.hiring-r {
        border-bottom: none
    }
    
    body.body-scroll-h {
        overflow-y: hidden!important;
        -webkit-overflow-scrolling: touch!important
    }
    
    .logo-left {
        width: 150px!important;
        margin-left: auto!important;
        margin-right: auto!important;
        float: none!important
    }
    
    .logo-left a img {
        display: none;
        float: none;
        margin-top: 9px!important;
        margin-bottom: 7px!important
    }
    
    .logo-left .home-logo {
        width: 100%
    }
    
    .logo-left a {
        background: url(../../../www.hiddenbrains.com/public/local-cdn/images/hb-inner-logo.html) no-repeat;
        height: 29px;
        width: 150px!important;
        background-size: 100% 100%
    }
    
    .logo-left .home-logo a {
        display: block;
        float: left;
        margin: auto;
        text-align: center;
        width: 100%
    }
    
    .logo-left .home-logo a img {
        height: auto;
        width: 150px!important
    }
    
    #menusocial {
        top: 0;
        position: absolute;
        height: 48px;
        list-style: none;
        margin: 0;
        padding: 0;
        right: 0;
        top: 0;
        transition: -webkit-transform .5s cubic-bezier(.625, .125, .305, .875);
        transition: transform .5s cubic-bezier(.625, .125, .305, .875);
        width: 50px;
        z-index: 11;
        float: right;
        display: block
    }
    
    .hide-nav+.menu--social,
    .loading-project .menu--social,
    .single-project .menu--social {
        -webkit-transform: translateY(-56px);
        -ms-transform: translateY(-56px);
        transform: translateY(-56px)
    }
    
    .toggle--social {
        display: block;
        height: 40px;
        padding-top: 0;
        margin-top: 4px;
        width: 50px;
        cursor: pointer;
        transition: all .25s cubic-bezier(.875, .105, .19, .92)
    }
    
    .toggle--social svg {
        display: block;
        margin: 0 auto
    }
    
    .toggle--social svg path,
    .toggle--social svg polygon {
        opacity: 1;
        transition: all .25s cubic-bezier(.875, .105, .19, .92)
    }
    
    .m-nav-menusocial {
        display: block!important
    }
    
    .no-touch .menu--social:hover .toggle--social svg path,
    .no-touch .menu--social:hover .toggle--social svg polygon,
    .touch .menu--social.js--show-social .toggle--social svg path,
    .touch .menu--social.js--show-social .toggle--social svg polygon {
        opacity: 1
    }
    
    .menu--sub {
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 97%;
        text-align: left;
        transition: visibility .4s ease .4s;
        visibility: hidden;
        white-space: nowrap;
        overflow: hidden
    }
    
    .menu--sub li+li {
        border-top: 1px solid #e5e5e5
    }
    
    .menu--sub li {
        transition: -webkit-transform .35s cubic-bezier(.75, -.17, .23, 1.19);
        transition: transform .35s cubic-bezier(.75, -.17, .23, 1.19);
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        min-width: 220px;
        border-top: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5
    }
    
    .menu--sub li:last-child {
        border-bottom: 1px solid #e5e5e5
    }
    
    .menu--sub li:nth-child(1) {
        transition-delay: .16s
    }
    
    .menu--sub li:nth-child(2) {
        transition-delay: .12s
    }
    
    .menu--sub li:nth-child(3) {
        transition-delay: .08s
    }
    
    .menu--sub li:nth-child(4) {
        transition-delay: .04s
    }
    
    .menu--sub li:nth-child(5) {
        transition-delay: 0s
    }
    
    .menu--sub a {
        background-color: #fff;
        background-position: 1.5em center;
        background-repeat: no-repeat;
        color: #000;
        display: block;
        padding: 15px 20px;
        font-size: 14px;
        position: relative;
        white-space: nowrap
    }
    
    .menu--sub a i {
        background: url(../../../www.hiddenbrains.com/public/local-cdn/images/header-m-social-media-icon.html) no-repeat;
        width: 30px;
        height: 30px;
        float: left
    }
    
    .menu--sub a:active,
    .menu--sub a:focus,
    .menu--sub a:hover {
        color: #f5f5f1
    }
    
    .menu--sub a:after {
        background: #252525;
        content: "";
        left: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        width: 10%
    }
    
    .no-touch .menu--social:hover .menu--sub,
    .touch .menu--social.js--show-social .menu--sub {
        transition-delay: 0s;
        visibility: visible
    }
    
    .menu--sub .menu__item--facebook a i {
        background-position: 0 0;
        width: 14px;
        height: 30px;
        margin-right: 26px;
        margin-top: -5px
    }
    
    .menu--sub .menu__item--facebook a:hover i {
        background-position: 0 -35px;
        width: 14px;
        height: 30px
    }
    
    .menu--sub .menu__item--facebook a:hover {
        background-color: #1d3a62
    }
    
    .menu--sub .menu__item--facebook a:active,
    .menu__item--facebook a:focus {
        background-color: #525252
    }
    
    .menu--sub .menu__item--twitter a i {
        background-position: -21px -3px;
        width: 30px;
        height: 30px;
        margin-right: 10px
    }
    
    .menu--sub .menu__item--twitter a:hover i {
        background-position: -21px -38px
    }
    
    .menu--sub .menu__item--twitter a:active,
    .menu--sub .menu__item--twitter a:hover,
    .menu__item--twitter a:focus {
        background-color: #21a2d2
    }
    
    .menu--sub .menu__item--linkdin a i {
        background-position: -58px -1px;
        width: 30px;
        height: 30px;
        position: relative;
        top: -7px;
        margin-right: 10px
    }
    
    .menu--sub .menu__item--linkdin a:hover i {
        background-position: -58px -35px
    }
    
    .menu--sub .menu__item--linkdin a:active,
    .menu--sub .menu__item--linkdin a:hover,
    .menu__item--linkdin a:focus {
        background-color: #1b66a2
    }
    
    .menu--sub .menu__item--google-p a i {
        background-position: -92px -1px;
        width: 30px;
        height: 30px;
        position: relative;
        top: -5px;
        margin-right: 10px
    }
    
    .menu--sub .menu__item--google-p a:hover i {
        background-position: -92px -35px
    }
    
    .menu--sub .menu__item--google-p a:active,
    .menu--sub .menu__item--google-p a:hover,
    .menu__item--google-p a:focus {
        background-color: #b73c26
    }
    
    .menu--sub .menu__item--youtube a i {
        background-position: -125px -1px;
        width: 26px;
        height: 30px;
        margin-right: 14px;
        margin-top: -6px;
        float: left
    }
    
    .menu--sub .menu__item--youtube a:hover i {
        background-position: -125px -35px
    }
    
    .menu--sub .menu__item--youtube a:active,
    .menu--sub .menu__item--youtube a:hover,
    .menu__item--youtube a:focus {
        background-color: #c4261c
    }
    
    .menu--sub .menu__item--blog a i {
        background-position: -153px -1px;
        width: 30px;
        height: 30px;
        margin-right: 10px;
        margin-top: -6px
    }
    
    .menu--sub .menu__item--blog a:hover i {
        background-position: -153px -35px
    }
    
    .menu--sub .menu__item--blog a:active,
    .menu--sub .menu__item--blog a:hover,
    .menu__item--blog a:focus {
        background-color: #de5a0f
    }
    
    .no-touch .menu--social:hover .menu--sub li,
    .touch .menu--social.js--show-social .menu--sub li {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    
    .no-touch .menu--social:hover .menu--sub li:nth-child(1),
    .touch .menu--social.js--show-social .menu--sub li:nth-child(1) {
        transition-delay: .04s
    }
    
    .no-touch .menu--social:hover .menu--sub li:nth-child(2),
    .touch .menu--social.js--show-social .menu--sub li:nth-child(2) {
        transition-delay: .08s
    }
    
    .no-touch .menu--social:hover .menu--sub li:nth-child(3),
    .touch .menu--social.js--show-social .menu--sub li:nth-child(3) {
        transition-delay: .12s
    }
    
    .no-touch .menu--social:hover .menu--sub li:nth-child(4),
    .touch .menu--social.js--show-social .menu--sub li:nth-child(4) {
        transition-delay: .16s
    }
    
    .no-touch .menu--social:hover .menu--sub li:nth-child(5),
    .touch .menu--social.js--show-social .menu--sub li:nth-child(5) {
        transition-delay: .2s
    }
    
    .home .page-wrap {
        padding-top: 0
    }
    
    .toggle--social>span:nth-child(2) {
        margin-top: 4px;
        margin-bottom: 4px
    }
    
    #bannerimg,
    #bannerimg div {
        margin-top: 15px
    }
    
    #top-container-def {
        background: #fff;
        box-shadow: 0 2px 16px #BDBDBD
    }
    
    .ad-top {
        display: none
    }
    
    .toggle--social ul.menu--sub {
        display: none!important
    }
    
    #inq-popup .address-details-inner {
        width: 95%
    }
    
    #inq-popup .address-details-main ul li h4 {
        font-size: 14px
    }
    
    #inq-popup .address-details-main ul li ul.contact-messengerlist li {
        font-size: 12px
    }
    
    #inq-popup .address-details-main ul li ul.contact-messengerlist li small {
        font-size: 12px
    }
    
    #inq-popup .address-details-main ul li h4 {
        line-height: 24px
    }
    
    #inq-popup .inquiry-footer-main div.address-details-main div.address-details-inner ul.inquiry-footer {
        width: 100%
    }
    
    .banner-bt-link {
        width: 100%
    }
    
    html body.homebody.australia-trip-body div#wrapper div.centerdiv.set-height.gray-bg {
        width: 100%!important
    }
    
    .bg-pattern1 .com-info h4 {
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }
    
    .small-logo h4 {
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }
    
    .right-video img {
        box-sizing: border-box
    }
    
    .infobg {
        padding-left: 0px!important;
        line-height: 28px!important;
        background-size: 65px 29px!important
    }
    
    #bannerimg div.centerdiv {
        width: 90%
    }
    
    .home-m-services {
        float: left;
        margin-top: 10px;
        display: block;
        width: 100%
    }
    
    .home-m-services ul {
        width: 90%;
        margin: auto
    }
    
    .home-m-services ul li {
        width: 100%;
        float: left;
        text-align: center;
        padding-top: 40px;
        margin-top: 20px;
        border-top: #c3c3c3 1px solid
    }
    
    .home-m-services ul li:first-child {
        border-top: none
    }
    
    .home-m-services ul li .icon-s-main {
        display: table;
        margin: 0 auto 10px auto;
        text-align: center
    }
    
    .home-m-services ul li .icon-s-box i {
        background: url(../../../www.hiddenbrains.com/public/local-cdn/images/homepage-mobile-v-sprite.html) no-repeat;
        display: inline-block
    }
    
    .home-m-services ul li.m-mobile .icon-s-box i {
        background-position: 0 0;
        height: 68px;
        width: 83px
    }
    
    .home-m-services ul li.m-web .icon-s-box i {
        background-position: -94px 0;
        height: 58px;
        width: 64px
    }
    
    .home-m-services ul li.m-hiring .icon-s-box i {
        background-position: -168px 0;
        height: 70px;
        width: 70px
    }
    
    .home-m-services ul li.open-source .icon-s-box i {
        background-position: -270px -9px;
        height: 60px;
        width: 60px
    }
    
    .home-m-services ul li .discover-more-btn {
        display: table;
        margin: auto;
        padding: 8px 30px;
        border-radius: 3px;
        color: #6d6d6d;
        position: relative;
        background: #fff;
        border-radius: 3px;
        font-size: 16px;
        border: #a7a7a7 1px solid
    }
    
    .home-m-services ul li .discover-more-btn:hover {
        border: #a7a7a7 1px solid;
        color: #868686;
        background: #f6f6f6
    }
    
    .home-m-services ul li .discover-more-btn:before {
        content: '';
        border-bottom: #ddd 2px solid;
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: 2px
    }
    
    .home-m-services ul li h2 {
        font-size: 20px;
        display: block;
        clear: both;
        font-family: proxima_novasemibold;
        color: #000
    }
    
    .home-m-services ul li h2 a {
        color: #000
    }
    
    .home-m-services ul li p {
        font-size: 14px;
        margin-top: 10px;
        clear: both;
        line-height: 20px;
        color: #10182e
    }
    
    p.at-hb-text a {
        margin-bottom: 40px
    }
    
    .toggle--social>span.soundspeaker-icon {
        background: url(../../../www.hiddenbrains.com/public/local-cdn/images/homepage-mobile-v-sprite.html) no-repeat -349px -5px;
        width: 28px;
        height: 28px;
        display: block;
        right: 0;
        position: relative;
        top: 8px
    }
    
    #top-container-def {
        position: fixed;
        top: 0
    }
    
    .live-chat-pop-up-cls-spn {
        display: none0
    }
    
    body.body-current-o {
        padding-top: 0
    }
    
    #inner-top-container {
        background: #fff;
        box-shadow: 0 2px 16px #bdbdbd;
        z-index: 99;
        position: relative
    }
    
    #inner-top-container .logo-left a img {
        display: block
    }
    
    .site-cont {
        top: 0
    }
    
    .australia-trip-body #inq-popup {
        background: none
    }
    
    .inner-copyright-r ul li {
        margin-right: 4px
    }
    
    #search-result .no-search-result {
        padding: 20px 0
    }
    
    #search-result .centerdivrg.site-inner-cnt {
        margin-top: 0px!important
    }
    
    .company-in-footer .inner-bott-content div.bott-heading {
        font-size: 20px
    }
    
    #award .aw1 {
        z-index: 4!important
    }
    
    #all_quick_inquiry_popup_box.get-a-quote-box {
        z-index: 4
    }
    
    a#back-top {
        z-index: 3
    }
    
    .four-z-four-center {
        width: 95%;
        padding-top: 40px
    }
    
    .four-z-four-main {
        background-size: 100%;
        background-position: bottom
    }
    
    .four-z-four-right-section {
        margin-top: 40px
    }
    
    .australia-trip-body .fixed-header .au-header-right span {
        margin-top: 2px
    }
    
    .top-main .logo-left .home-logo a {
        margin-bottom: 9px!important;
        margin-top: 9px!important
    }
}
@media only screen and (min-width:400px) and (max-width:430px) {
    #bott-container .news-carr-aw.news-carr-awards {
        display: table;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 318px
    }
    
    .footer-div .part-com span.mic-fo {
        margin-left: 40px;
        margin-right: 40px
    }
    
    .australia-trip-body #inquiry-thankyou .thank-cont {
        float: none;
        margin: auto;
        width: 310px
    }
    
    .australia-trip-body .live-chat-pop-up-cls {
        margin-left: 0
    }
    
    .australia-trip-body .au-header-right span {
        margin-left: 10px
    }
}
@media only screen and (min-width:320px) {
    .banner-bg-main {
        width: 100%;
        height: 200px;
        background-size: cover;
        background-position: -265px 0
    }
    
    .banner-bgmain-slogan {
        font-size: 12px
    }
    
    #bannerimg div.centerdiv {
        padding-top: 40px
    }
    
    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 100%
    }
    
    .wrap2 {
        position: relative;
        margin: 0 auto;
        width: 100%;
        padding-bottom: 20px
    }
    
    .gridOneSix {}
    
    .gridOneSix p {
        font-size: 14px!important;
        /*bottom:0;left:0;*/
        text-align: center;
        padding-top: 10px;
        margin: 0!important
    }
    
    .cd-hero h4 {
        FONT-SIZE: 28px!important
    }
    
    .cd-slider-nav li {
        display: inline-block;
        float: left;
        width: 23%
    }
    
    .story_wrap {
        padding-top: 30px
    }
    
    .story_image {
        padding-top: 9em;
        min-width: 333px;
        max-width: 100%;
        padding-bottom: 30px
    }
    
    .story_wrap h3 {
        font-size: 36px!important;
        float: left
    }
}
@media only screen and (min-width:320px) and (max-width:767px) {
    .diwali-banner {
        background-position: -290px 0;
        background-size: cover;
        height: 200px;
        width: 100%
    }
    
    .vibrant-guj-img img {
        width: 58%
    }
    
    .afdb-bg .banner-bg-main-cnt {
        margin-left: 0
    }
    
    .europe-banner-main {
        background: #02145e url(../../../www.hiddenbrains.com/public/local-cdn/images/europe-responsive.html) no-repeat center bottom;
        display: none
    }
    
    .europe-meet {
        font-size: 11px;
        height: 55px;
        left: inherit;
        padding-top: 13px;
        right: 36%;
        top: 123px;
        width: 70px
    }
    
    .europe-meet span {
        font-size: 15px
    }
    
    .europe-meet span img {
        width: 21px;
        height: 21px
    }
    
    .mob-europe-banner-main {
        display: block;
        background: #081d74 url(../../../www.hiddenbrains.com/public/local-cdn/images/mobile-home-banner.html) no-repeat center top;
        height: 200px
    }
    
    .afdb-bg .banner-bg-main-cnt {
        width: 100%
    }
    
    .usa-canada-text {
        width: 280px;
        height: 87px;
        background-size: 100% 100%
    }
    
    .usa-canada-bg,
    .afdb-bg {
        height: 200px
    }
    
    #bannerimg div .usa-canada-bg div.centerdiv {
        padding-top: 10px
    }
    
    .usa-canada-bg {
        background: url(../../../www.hiddenbrains.com/public/local-cdn/images/usa-2017-banner-mobile.html) no-repeat center
    }
    
    #bannerimg .afdb-bg div.centerdiv {
        padding-top: 0
    }
    
    .afdb-bg {
        background: url(../../../www.hiddenbrains.com/public/local-cdn/images/afdb-banner-mobile.html) no-repeat center
    }
    
    .afdb-bg h2 {
        font-size: 17px
    }
    
    .afdb-bg h1 {
        font-size: 18px;
        line-height: 22px;
        margin: 5px 0 10px 0
    }
    
    .afdb-lets-meet {
        min-width: 100px;
        font-size: 16px;
        line-height: 30px
    }
    
    .afdb-bg span {
        font-size: 14px;
        margin-top: 5px
    }
    
    .afdb-date {
        display: inline-block;
        width: 210px;
        height: 24px;
        background: url(../../../www.hiddenbrains.com/public/local-cdn/images/afdb-date-mobile.html) no-repeat center;
        background-size: 100%;
        margin-top: 15px
    }
    
    .anni-bg {
        background: url(../../../www.hiddenbrains.com/public/local-cdn/images/anni-mobile-banner.html) no-repeat center 15px;
        height: 200px
    }
}
@media only screen and (min-width:360px) and (max-width:767px) {
    .diwali-banner {
        background-position: center top
    }
    
    .afdb-bg .banner-bg-main-cnt {
        margin-left: 0
    }
}
@media only screen and (min-width:480px) and (max-width:767px) {
    #bannerimg .vibrant-banner .centerdiv {
        padding-top: 0
    }
    
    .vibrant-guj-img {
        left: 0;
        top: 0
    }
    
    .europe-banner-main {
        background-size: cover
    }
    
    .europe-meet {
        top: 135px
    }
    
    .europe-meet {
        right: 40%
    }
    
    .usa-canada-bg,
    .afdb-bg,
    .anni-bg {
        height: 270px
    }
    
    .usa-canada-bg,
    .afdb-bg {
        background-size: cover
    }
    
    #bannerimg div .usa-canada-bg div.centerdiv {
        padding-top: 40px
    }
    
    #bannerimg .afdb-bg div.centerdiv {
        padding-top: 30px
    }
    
    .afdb-bg h1 {
        margin: 10px 0 15px
    }
}
@media only screen and (min-width:600px) and (max-width:767px) {
    #bannerimg div.centerdiv {
        padding-top: 115px
    }
    
    .banner-bgmain-hd {
        font-size: 35px
    }
    
    .banner-bgmain-slogan {
        font-size: 18px
    }
    
    .vibrant-banner {
        background-position: -210px center!important;
        background-size: 164% 100%!important
    }
    
    .vibrant-guj-img {
        left: -8px;
        top: 28px
    }
    
    .europe-banner-main {
        background-size: 90% auto
    }
    
    .europe-meet {
        top: 130px;
        right: 42%
    }
    
    .anni-bg {
        background-size: 120% auto;
        background-position: center 50px
    }
}
@media only screen and (min-width:249px) and (max-width:479px) {
    .vibrant-banner {
        background: url(../../../www.hiddenbrains.com/public/local-cdn/images/mob-vibrant-banner7a86.html?v=612017506) no-repeat center top;
        background-size: cover
    }
    
    .vibrant-guj-img {
        left: -42px;
        position: absolute;
        top: -34px
    }
    
    .europe-meet {
        top: 130px;
        right: 39%
    }
}
@media only screen and (min-width:480px) and (max-width:639px) {
    .vibrant-banner {
        background-size: 170% 100%;
        background-position: -210px
    }
    
    .vibrant-guj-img {
        left: -47px;
        top: 28px
    }
}
@media only screen and (min-width:320px) and (max-width:359px) {
    .anni-bg {
        background-position: -200px 15px
    }
}
.get-a-form .intl-tel-input .country-list {
    width: 260px;
    overflow-x: hidden
}
.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%
}
.intl-tel-input .hide {
    display: none
}
.intl-tel-input .v-hide {
    visibility: hidden
}
.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding-left: 48px;
    margin-left: 0;
    transition: background-color 100ms ease-out
}
.intl-tel-input input.iti-invalid-key {
    transition: background-color 0;
    background-color: #FFC7C7
}
.intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 1px
}
.intl-tel-input .flag-container:hover {
    cursor: pointer
}
.intl-tel-input .flag-container:hover .selected-flag {
    background-color: rgba(0, 0, 0, .05)
}
.intl-tel-input input[disabled]+.flag-container:hover,
.intl-tel-input input[readonly]+.flag-container:hover {
    cursor: default
}
.intl-tel-input input[disabled]+.flag-container:hover .selected-flag,
.intl-tel-input input[readonly]+.flag-container:hover .selected-flag {
    background-color: transparent
}
.intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 42px;
    height: 100%;
    padding: 0 0 0 8px;
    outline: none
}
.intl-tel-input .selected-flag .iti-flag {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}
.intl-tel-input .selected-flag .arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 15px;
    width: 0;
    height: 0
}
.intl-tel-input .selected-flag .arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}
.intl-tel-input .country-list {
    list-style: none;
    position: absolute;
    z-index: 2;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll
}
.intl-tel-input .country-list.dropup {
    bottom: 100%;
    margin-bottom: -1px
}
.intl-tel-input .country-list .flag {
    display: inline-block;
    width: 20px
}
@media (max-width:500px) {
    .intl-tel-input .country-list {
        white-space: normal
    }
}
.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC
}
.intl-tel-input .country-list .country {
    padding: 5px 10px
}
.intl-tel-input .country-list .country .dial-code {
    color: #999
}
.intl-tel-input .country-list .country.highlight {
    background-color: #E8E8E8
}
.intl-tel-input .country-list .flag,
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
    vertical-align: middle
}
.intl-tel-input .country-list .flag,
.intl-tel-input .country-list .country-name {
    margin-right: 6px
}
.intl-tel-input select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 42px;
    height: 100%;
    opacity: 0
}
.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}
.intl-tel-input.iti-container:hover {
    cursor: pointer
}
.iti-flag {
    width: 20px
}
.iti-flag.be {
    width: 18px
}
.iti-flag.ch {
    width: 15px
}
.iti-flag.mc {
    width: 19px
}
.iti-flag.ne {
    width: 18px
}
.iti-flag.np {
    width: 13px
}
.iti-flag.va {
    width: 15px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2 / 1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-size: 5630px 15px
    }
}
.iti-flag.ac {
    height: 10px;
    background-position: 0 0
}
.iti-flag.ad {
    height: 14px;
    background-position: -22px 0
}
.iti-flag.ae {
    height: 10px;
    background-position: -44px 0
}
.iti-flag.af {
    height: 14px;
    background-position: -66px 0
}
.iti-flag.ag {
    height: 14px;
    background-position: -88px 0
}
.iti-flag.ai {
    height: 10px;
    background-position: -110px 0
}
.iti-flag.al {
    height: 15px;
    background-position: -132px 0
}
.iti-flag.am {
    height: 10px;
    background-position: -154px 0
}
.iti-flag.ao {
    height: 14px;
    background-position: -176px 0
}
.iti-flag.aq {
    height: 14px;
    background-position: -198px 0
}
.iti-flag.ar {
    height: 13px;
    background-position: -220px 0
}
.iti-flag.as {
    height: 10px;
    background-position: -242px 0
}
.iti-flag.at {
    height: 14px;
    background-position: -264px 0
}
.iti-flag.au {
    height: 10px;
    background-position: -286px 0
}
.iti-flag.aw {
    height: 14px;
    background-position: -308px 0
}
.iti-flag.ax {
    height: 13px;
    background-position: -330px 0
}
.iti-flag.az {
    height: 10px;
    background-position: -352px 0
}
.iti-flag.ba {
    height: 10px;
    background-position: -374px 0
}
.iti-flag.bb {
    height: 14px;
    background-position: -396px 0
}
.iti-flag.bd {
    height: 12px;
    background-position: -418px 0
}
.iti-flag.be {
    height: 15px;
    background-position: -440px 0
}
.iti-flag.bf {
    height: 14px;
    background-position: -460px 0
}
.iti-flag.bg {
    height: 12px;
    background-position: -482px 0
}
.iti-flag.bh {
    height: 12px;
    background-position: -504px 0
}
.iti-flag.bi {
    height: 12px;
    background-position: -526px 0
}
.iti-flag.bj {
    height: 14px;
    background-position: -548px 0
}
.iti-flag.bl {
    height: 14px;
    background-position: -570px 0
}
.iti-flag.bm {
    height: 10px;
    background-position: -592px 0
}
.iti-flag.bn {
    height: 10px;
    background-position: -614px 0
}
.iti-flag.bo {
    height: 14px;
    background-position: -636px 0
}
.iti-flag.bq {
    height: 14px;
    background-position: -658px 0
}
.iti-flag.br {
    height: 14px;
    background-position: -680px 0
}
.iti-flag.bs {
    height: 10px;
    background-position: -702px 0
}
.iti-flag.bt {
    height: 14px;
    background-position: -724px 0
}
.iti-flag.bv {
    height: 15px;
    background-position: -746px 0
}
.iti-flag.bw {
    height: 14px;
    background-position: -768px 0
}
.iti-flag.by {
    height: 10px;
    background-position: -790px 0
}
.iti-flag.bz {
    height: 14px;
    background-position: -812px 0
}
.iti-flag.ca {
    height: 10px;
    background-position: -834px 0
}
.iti-flag.cc {
    height: 10px;
    background-position: -856px 0
}
.iti-flag.cd {
    height: 15px;
    background-position: -878px 0
}
.iti-flag.cf {
    height: 14px;
    background-position: -900px 0
}
.iti-flag.cg {
    height: 14px;
    background-position: -922px 0
}
.iti-flag.ch {
    height: 15px;
    background-position: -944px 0
}
.iti-flag.ci {
    height: 14px;
    background-position: -961px 0
}
.iti-flag.ck {
    height: 10px;
    background-position: -983px 0
}
.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0
}
.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0
}
.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0
}
.iti-flag.co {
    height: 14px;
    background-position: -1071px 0
}
.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0
}
.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0
}
.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0
}
.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0
}
.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0
}
.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0
}
.iti-flag.cy {
    height: 13px;
    background-position: -1225px 0
}
.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0
}
.iti-flag.de {
    height: 12px;
    background-position: -1269px 0
}
.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0
}
.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0
}
.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0
}
.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0
}
.iti-flag.do {
    height: 13px;
    background-position: -1379px 0
}
.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0
}
.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0
}
.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0
}
.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0
}
.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0
}
.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0
}
.iti-flag.er {
    height: 10px;
    background-position: -1533px 0
}
.iti-flag.es {
    height: 14px;
    background-position: -1555px 0
}
.iti-flag.et {
    height: 10px;
    background-position: -1577px 0
}
.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0
}
.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0
}
.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0
}
.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0
}
.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0
}
.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0
}
.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0
}
.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0
}
.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0
}
.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0
}
.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0
}
.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0
}
.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0
}
.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0
}
.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0
}
.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0
}
.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0
}
.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0
}
.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0
}
.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0
}
.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0
}
.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0
}
.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0
}
.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0
}
.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0
}
.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0
}
.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0
}
.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0
}
.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0
}
.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0
}
.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0
}
.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0
}
.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0
}
.iti-flag.id {
    height: 14px;
    background-position: -2325px 0
}
.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0
}
.iti-flag.il {
    height: 15px;
    background-position: -2369px 0
}
.iti-flag.im {
    height: 10px;
    background-position: -2391px 0
}
.iti-flag.in {
    height: 14px;
    background-position: -2413px 0
}
.iti-flag.io {
    height: 10px;
    background-position: -2435px 0
}
.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0
}
.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0
}
.iti-flag.is {
    height: 15px;
    background-position: -2501px 0
}
.iti-flag.it {
    height: 14px;
    background-position: -2523px 0
}
.iti-flag.je {
    height: 12px;
    background-position: -2545px 0
}
.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0
}
.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0
}
.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0
}
.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0
}
.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0
}
.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0
}
.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0
}
.iti-flag.km {
    height: 12px;
    background-position: -2721px 0
}
.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0
}
.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0
}
.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0
}
.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0
}
.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0
}
.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0
}
.iti-flag.la {
    height: 14px;
    background-position: -2875px 0
}
.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0
}
.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0
}
.iti-flag.li {
    height: 12px;
    background-position: -2941px 0
}
.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0
}
.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0
}
.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0
}
.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0
}
.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0
}
.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0
}
.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0
}
.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0
}
.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0
}
.iti-flag.md {
    height: 10px;
    background-position: -3160px 0
}
.iti-flag.me {
    height: 10px;
    background-position: -3182px 0
}
.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0
}
.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0
}
.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0
}
.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0
}
.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0
}
.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0
}
.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0
}
.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0
}
.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0
}
.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0
}
.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0
}
.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0
}
.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0
}
.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0
}
.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0
}
.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0
}
.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0
}
.iti-flag.my {
    height: 10px;
    background-position: -3578px 0
}
.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0
}
.iti-flag.na {
    height: 14px;
    background-position: -3622px 0
}
.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0
}
.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0
}
.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0
}
.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0
}
.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0
}
.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0
}
.iti-flag.no {
    height: 15px;
    background-position: -3774px 0
}
.iti-flag.np {
    height: 15px;
    background-position: -3796px 0
}
.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0
}
.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0
}
.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0
}
.iti-flag.om {
    height: 10px;
    background-position: -3877px 0
}
.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0
}
.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0
}
.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0
}
.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0
}
.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0
}
.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0
}
.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0
}
.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0
}
.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0
}
.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0
}
.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0
}
.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0
}
.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0
}
.iti-flag.py {
    height: 11px;
    background-position: -4185px 0
}
.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0
}
.iti-flag.re {
    height: 14px;
    background-position: -4229px 0
}
.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0
}
.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0
}
.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0
}
.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0
}
.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0
}
.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0
}
.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0
}
.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0
}
.iti-flag.se {
    height: 13px;
    background-position: -4427px 0
}
.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0
}
.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0
}
.iti-flag.si {
    height: 10px;
    background-position: -4493px 0
}
.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0
}
.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0
}
.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0
}
.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0
}
.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0
}
.iti-flag.so {
    height: 14px;
    background-position: -4625px 0
}
.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0
}
.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0
}
.iti-flag.st {
    height: 10px;
    background-position: -4691px 0
}
.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0
}
.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0
}
.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0
}
.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0
}
.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0
}
.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0
}
.iti-flag.td {
    height: 14px;
    background-position: -4845px 0
}
.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0
}
.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0
}
.iti-flag.th {
    height: 14px;
    background-position: -4911px 0
}
.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0
}
.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0
}
.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0
}
.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0
}
.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0
}
.iti-flag.to {
    height: 10px;
    background-position: -5043px 0
}
.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0
}
.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0
}
.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0
}
.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0
}
.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0
}
.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0
}
.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0
}
.iti-flag.um {
    height: 11px;
    background-position: -5219px 0
}
.iti-flag.us {
    height: 11px;
    background-position: -5241px 0
}
.iti-flag.uy {
    height: 14px;
    background-position: -5263px 0
}
.iti-flag.uz {
    height: 10px;
    background-position: -5285px 0
}
.iti-flag.va {
    height: 15px;
    background-position: -5307px 0
}
.iti-flag.vc {
    height: 14px;
    background-position: -5324px 0
}
.iti-flag.ve {
    height: 14px;
    background-position: -5346px 0
}
.iti-flag.vg {
    height: 10px;
    background-position: -5368px 0
}
.iti-flag.vi {
    height: 14px;
    background-position: -5390px 0
}
.iti-flag.vn {
    height: 14px;
    background-position: -5412px 0
}
.iti-flag.vu {
    height: 12px;
    background-position: -5434px 0
}
.iti-flag.wf {
    height: 14px;
    background-position: -5456px 0
}
.iti-flag.ws {
    height: 10px;
    background-position: -5478px 0
}
.iti-flag.xk {
    height: 15px;
    background-position: -5500px 0
}
.iti-flag.ye {
    height: 14px;
    background-position: -5522px 0
}
.iti-flag.yt {
    height: 14px;
    background-position: -5544px 0
}
.iti-flag.za {
    height: 14px;
    background-position: -5566px 0
}
.iti-flag.zm {
    height: 14px;
    background-position: -5588px 0
}
.iti-flag.zw {
    height: 10px;
    background-position: -5610px 0
}
.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(../../../www.hiddenbrains.com/public/local-cdn/images/flags.png);
    background-repeat: no-repeat;
    background-color: #DBDBDB;
    background-position: 20px 0
}
@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2 / 1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    .iti-flag {
        background-image: url(../../../www.hiddenbrains.com/public/local-cdn/images/flags%402x.png)
    }
}
.iti-flag.np {
    background-color: transparent
}
.intl-tel-input .country-list .country span {
    background: none!important
}
.cd-hero {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.cd-hero-slider {
    position: relative;
    padding: 30px 10px;
    display: flex;
    align-content: center;
    height: auto
}
.cd-hero-slider li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}
.cd-hero-slider li.selected {
    position: relative;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}
.cd-hero-slider li.move-left {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}
.cd-hero-slider li.is-moving,
.cd-hero-slider li.selected {
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s
}
@media only screen and (min-width:1170px) {
    .cd-hero-slider {
        width: 100%
    }
}
section {
    height: inherit
}
.cd-hero-slider li {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background: #fff
}
.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}
.cd-hero-slider .cd-img-container {
    display: none
}
.cd-hero-slider .cd-img-container img {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -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%)
}
.cd-hero-slider .cd-bg-video-wrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.cd-hero-slider .cd-bg-video-wrapper video {
    display: block;
    min-height: 100%;
    min-width: 100%;
    max-width: none;
    height: auto;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -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%)
}
@media only screen and (min-width:768px) {
    .cd-hero-slider .cd-half-width {
        opacity: 0;
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -ms-transform: translateX(40px);
        -o-transform: translateX(40px);
        transform: translateX(40px)
    }
    
    .cd-hero-slider .move-left .cd-half-width {
        -webkit-transform: translateX(-40px);
        -moz-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        -o-transform: translateX(-40px);
        transform: translateX(-40px)
    }
    
    .cd-hero-slider .selected .cd-half-width {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    
    .cd-hero-slider .is-moving .cd-half-width {
        -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
        -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
        transition: opacity 0s 0.5s, transform 0s 0.5s
    }
    
    .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
    .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
        -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
        -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
        transition: opacity 0.4s 0.2s, transform 0.5s 0.2s
    }
    
    .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
    .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
        -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
        -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
        transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
        height: auto;
        width: 60%;
        float: left;
        left: 50%;
        display: block;
        padding: 0;
        margin-left: 25%
    }
    
    .cd-hero-slider .cd-full-width h2,
    .cd-hero-slider .cd-full-width p,
    .cd-hero-slider .cd-full-width .cd-btn {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px)
    }
    
    .cd-hero-slider .move-left .cd-full-width h2,
    .cd-hero-slider .move-left .cd-full-width p,
    .cd-hero-slider .move-left .cd-full-width .cd-btn {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px)
    }
    
    .cd-hero-slider .selected .cd-full-width h2,
    .cd-hero-slider .selected .cd-full-width p,
    .cd-hero-slider .selected .cd-full-width .cd-btn {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}
.cd-slider-nav {
    width: 100%;
    bottom: 0;
    z-index: 2;
    text-align: center;
    height: 55px;
    border: 1px solid #f4f4f6;
    background: #fbfbfb;
    -webkit-box-shadow: -4px -2px 72px -20px rgba(0, 0, 0, .75);
    -moz-box-shadow: -4px -2px 72px -20px rgba(0, 0, 0, .75);
    box-shadow: -4px -2px 72px -20px rgba(0, 0, 0, .75);
    -webkit-box-shadow: -4px -2px 72px -20px rgba(217, 217, 217, 1);
    -moz-box-shadow: -4px -2px 72px -20px rgba(217, 217, 217, 1);
    box-shadow: -4px -2px 72px -20px rgb(187, 187, 187)
}
.cd-slider-nav nav,
.cd-slider-nav ul,
.cd-slider-nav li,
.cd-slider-nav a {
    height: 100%
}
.cd-slider-nav nav {
    max-width: 1020px;
    margin: 0 auto;
    position: relative;
    border-bottom: 2px solid #f5f5f5
}
.cd-slider-nav .cd-marker {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    color: #3568B2;
    border-bottom: 2px solid currentColor;
    -webkit-transition: -webkit-transform 0.2s, border-bottom 0.2s;
    -moz-transition: -moz-transform 0.2s, border-bottom 0.2s;
    transition: transform 0.2s, border-bottom 0.2s
}
.cd-slider-nav .cd-marker.item-2 {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}
.cd-slider-nav .cd-marker.item-3 {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%)
}
.cd-slider-nav .cd-marker.item-4 {
    -webkit-transform: translateX(300%);
    -moz-transform: translateX(300%);
    -ms-transform: translateX(300%);
    -o-transform: translateX(300%);
    transform: translateX(300%)
}
.cd-slider-nav .cd-marker.item-5 {
    -webkit-transform: translateX(400%);
    -moz-transform: translateX(400%);
    -ms-transform: translateX(400%);
    -o-transform: translateX(400%);
    transform: translateX(400%)
}
.cd-slider-nav ul::after {
    clear: both;
    content: "";
    display: table
}
.cd-slider-nav li {
    display: inline-block;
    float: left;
    border: 1px solid #eef0ef
}
.cd-slider-nav li.selected a {
    color: #fff;
    font-weight: 100;
    background: #3568B2
}
.no-touch .cd-slider-nav li.selected a:hover {
    background-color: #3568B2;
    COLOR: WHITE;
    FONT-SIZE: 14PX
}
.cd-slider-nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 1rem;
    color: #000;
    padding: 0 30px;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s
}
.cd-slider-nav li:first-of-type a::before {
    background-position: 0 0
}
.cd-slider-nav li.selected:first-of-type a::before {
    background-position: 0 -24px
}
.cd-slider-nav li:nth-of-type(2) a::before {
    background-position: -24px 0
}
.cd-slider-nav li.selected:nth-of-type(2) a::before {
    background-position: -24px -24px
}
.cd-slider-nav li:nth-of-type(3) a::before {
    background-position: -48px 0
}
.cd-slider-nav li.selected:nth-of-type(3) a::before {
    background-position: -48px -24px
}
.cd-slider-nav li:nth-of-type(4) a::before {
    background-position: -72px 0
}
.cd-slider-nav li.selected:nth-of-type(4) a::before {
    background-position: -72px -24px
}
.cd-slider-nav li:nth-of-type(5) a::before {
    background-position: -96px 0
}
.cd-slider-nav li.selected:nth-of-type(5) a::before {
    background-position: -96px -24px
}
@media only screen and (min-width:768px) {
    .cd-slider-nav {
        height: 80px
    }
    
    .cd-slider-nav .cd-marker,
    .cd-slider-nav li {
        width: 25%
    }
    
    .cd-slider-nav a {
        font-size: 14px;
        color: #000
    }
    
    .cd-slider-nav a::before {
        top: 100%
    }
}
.no-js .cd-hero-slider li {
    display: none
}
.no-js .cd-hero-slider li.selected {
    display: block
}
.no-js .cd-slider-nav {
    display: none
}
.logo-client button.btn.btn-primary {
    color: #000000!important;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    top: -40px;
    bottom: 0;
    left: 0;
    right: 0;
    float: left;
    padding: 0;
    height: 50px;
    margin-top: 58%
}
.logo-client button.btn.btn-primary:hover {
    background: #3568B2;
    border-radius: 0;
    color: white!important
}
.cd-hero h4 {
    text-align: center;
    margin-top: 20px;
    FONT-SIZE: 50px;
    color: #474747
}
.cd-hero.line {
    background: #333;
    height: 1px;
    display: block;
    top: 20px;
    width: 33%;
    margin-left: 33.3%;
    position: absolute
}
.cd-hero.text {
    background: #f4f4f4
}
.cd-hero .text {
    z-index: 20;
    position: relative;
    text-align: center;
    padding: 0 14px;
    color: #131111;
    font-size: 28px;
    display: block
}
.story_wrap {
    padding-top: 80px;
    background: #fff
}
.story_wrap h3 {
    font-family: 'montserratlight';
    font-size: 54px;
    color: #131823;
    position: relative;
    z-index: 1
}
.story_wrap h3 span {
    font-family: 'montserratregular';
    color: #3568B2
}
.story_image {
    margin-top: -22em!important;
    height: auto
}
.story_bg_wrap {
    width: 100%;
    height: 158px;
    position: relative
}
.story_bg {
    position: absolute;
    bottom: 0;
    background: url(../images/story_bg.html) no-repeat center;
    width: 100%;
    min-height: 200px;
    background-position: 50% 50%
}
@keyframes slideleft {
    from {
        background-position: 0%
    }
    
    to {
        background-position: -90000%
    }
}
@-webkit-keyframes slideleft {
    from {
        background-position: 0%
    }
    
    to {
        background-position: -90000%
    }
}
.story_wrap .owl-item {
    position: relative
}
.story_slider.owl-carousel,
.story_wrap.owl-carousel .owl-stage-outer,
.story_wrap.owl-carousel .owl-stage,
.story_wrap .owl-item {
    min-height: 270px
}
.story_wrap .owl-item .item .story_text_wrap {
    position: relative;
    left: 14px
}
.story_wrap .owl-item.center {
    z-index: 12
}
.story_wrap .owl-item.center .item {
    position: relative;
    top: 90px
}
.slider_dot {
    height: 27px;
    width: 27px;
    border-radius: 50%;
    background: #34a674;
    margin-top: 30px
}
.story_text_wrap {
    background: url(../images/story_text_bg.html) center center no-repeat;
    background-size: cover;
    height: 75px;
    width: 85px;
    position: relative;
    padding-top: 22px;
    padding-left: 0;
    text-align: center
}
.story_text_wrap:after {
    content: '';
    background: url(../images/slider_arrow.html) left top no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    bottom: -24px;
    left: 0
}
.story_slider.owl-carousel {
    margin-top: -180px
}
.story_wrap .center + .owl-item + .owl-item {
    position: relative;
    top: 90px
}
.story_wrap .owl-item {
    padding-top: 200px;
    padding-bottom: 93px
}
.story_wrap .center + .owl-item {
    padding-top: 0;
    padding-bottom: 0
}
.story_wrap .center + .owl-item .story_text_wrap {
    background: url(../images/story_text_bg_active.html) center center no-repeat;
    background-size: cover;
    height: 214px;
    width: 236px;
    position: relative;
    padding-top: 82px;
    padding-left: 0;
    text-align: center
}
.story_wrap .center + .owl-item .story_text_no {
    font-size: 97px
}
.story_wrap .center + .owl-item .story_text {
    font-size: 29px;
    margin-top: 30px;
    padding-left: 5px
}
.story_wrap .center + .owl-item .slider_dot {
    height: 27px;
    width: 27px;
    border-radius: 50%;
    background: #fff;
    margin-top: 30px;
    border: 7px solid #34a674
}
.story_text_no {
    font-family: 'oswald_regularregular';
    font-size: 34px;
    display: block;
    color: #fff
}
.story_text {
    font-family: open_sansbold;
    font-size: 10px;
    display: block;
    color: #fff;
    text-transform: uppercase
}
@media only screen and (min-width:1224px) {
    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden
    }
    
    .gridOneSix p {
        /*position:relative;bottom:0;left:0;*/
        line-height: 18px;
        padding-top: 10px
    }
    
    .gridOneSix {
        width: 19%;
        display: inline-block;
        vertical-align: top;
        position: relative;
        text-align: center
    }
}
#snowcanvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    pointer-events: none
}
.who-we-are {
    margin: 30px 30px;
    padding: 0
    /*;width:100%*/
}
.who-we-are p {
    font-size: 15px;
    line-height: 30px;
    text-align: justify;
    margin-top: 4px
}
.touch-with-us {
    background: url(../images/others/background-wall.html) fixed;
    padding: 30px 0 20px;
    position: relative;
    border-top: #ddd solid 1px
}
.touch-with-us .column {
    padding: 10px 0;
    position: relative
}
.icon-column .inner-box {
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    position: relative;
    transition: all 500ms ease
}
.icon-column h3 {
    color: #3a3a3a;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    position: relative
}
.icon-column h3.montserrat-font {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}
.icon-column .text {
    line-height: 2.2em;
    position: relative;
    font-family: "Arial", sans-serif
}
.boxed-icon-column .inner-box {
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border: 1px solid #d0d0d0;
    border-radius: 0 0 5px 5px;
    border-top-width: 5px;
    padding: 30px 30px 25px
}
.touch-with-us .boxed-icon-column:nth-child(1n+1) .inner-box {
    border-top-color: #e92525
}
.touch-with-us .boxed-icon-column:nth-child(2n+2) .inner-box {
    border-top-color: #e92525
}
.touch-with-us .boxed-icon-column:nth-child(3n+3) .inner-box {
    border-top-color: #e92525
}
.icon-column .inner-box .icon {
    font-size: 18px;
    margin-bottom: 20px;
    position: relative
}
.boxed-icon-column .inner-box .icon {
    color: #93a6ba;
    font-size: 42px;
    margin-bottom: 35px
}
.circle-icon-column .inner-box .icon {
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    color: #00aeff;
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    margin-bottom: 30px;
    text-align: center;
    transition: all 500ms ease;
    width: 64px
}
.circle-icon-column .inner-box .icon:before {
    -moz-border-radius: 50%;
    -moz-transition: all 500ms ease;
    -ms-border-radius: 50%;
    -ms-transition: all 500ms ease;
    -o-border-radius: 50%;
    -o-transition: all 500ms ease;
    -webkit-border-radius: 50%;
    -webkit-transition: all 500ms ease;
    border: 1px solid #00aeff;
    border-radius: 50%;
    content: '';
    height: 64px;
    left: -1px;
    position: absolute;
    top: -1px;
    transition: all 500ms ease;
    width: 66px
}
.circle-icon-column .inner-box .icon:after {
    -moz-border-radius: 50%;
    -moz-transform: scale(.8, .8);
    -moz-transition: all 500ms ease;
    -ms-border-radius: 50%;
    -ms-transform: scale(.8, .8);
    -ms-transition: all 500ms ease;
    -o-border-radius: 50%;
    -o-transform: scale(.8, .8);
    -o-transition: all 500ms ease;
    -webkit-border-radius: 50%;
    -webkit-transform: scale(.8, .8);
    -webkit-transition: all 500ms ease;
    border: 5px solid #00aeff;
    border-radius: 50%;
    content: '';
    height: 88px;
    left: -12px;
    opacity: 0;
    position: absolute;
    top: -12px;
    transform: scale(.8, .8);
    transition: all 500ms ease;
    width: 88px
}
.circle-icon-column .inner-box h3 {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase
}
.center-icon-column .inner-box .icon {
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    border: 10px solid #3568B2;
    color: #3568B2;
    font-size: 36px;
    height: 110px;
    line-height: 90px;
    margin: 0 auto 30px;
    position: relative;
    top: 0;
    transition: all 500ms ease;
    width: 110px;
    z-index: 2
}
.center-icon-column .inner-box .icon:before {
    -moz-border-radius: 50%;
    -moz-transition: all 500ms ease;
    -ms-border-radius: 50%;
    -ms-transition: all 500ms ease;
    -o-border-radius: 50%;
    -o-transition: all 500ms ease;
    -webkit-border-radius: 50%;
    -webkit-transition: all 500ms ease;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 50%;
    content: '';
    height: 113px;
    left: -11px;
    position: absolute;
    top: -11px;
    transition: all 500ms ease;
    width: 113px
}
.center-icon-column .inner-box .icon:after {
    -moz-border-radius: 50%;
    -moz-transform: scale(.8, .8);
    -moz-transition: all 500ms ease;
    -ms-border-radius: 50%;
    -ms-transform: scale(.8, .8);
    -ms-transition: all 500ms ease;
    -o-border-radius: 50%;
    -o-transform: scale(.8, .8);
    -o-transition: all 500ms ease;
    -webkit-border-radius: 50%;
    -webkit-transform: scale(.8, .8);
    -webkit-transition: all 500ms ease;
    border: 8px solid rgb(29, 174, 255);
    border-radius: 50%;
    content: '';
    height: 125px;
    left: -17px;
    opacity: 0;
    position: absolute;
    top: -17px;
    transform: scale(.8, .8);
    transition: all 500ms ease;
    width: 125px
}
.touch-with-us .center-icon-column .inner-box .icon.bg_orange:after {
    border-color: #e92525
}
.center-icon-column .inner-box:hover .icon span {
    position: relative;
    z-index: 2
}
.connected .center-icon-column:nth-child(2) .inner-box:before {
    background: #e0e0e0;
    content: '';
    height: 1px;
    left: -50%;
    position: absolute;
    top: 55px;
    width: 200%;
    z-index: 0
}
.center-icon-column .inner-box:hover .icon:after,
.center-icon-column .inner-box .icon.active:after {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    opacity: 1;
    transform: scale(1, 1)
}
.center-icon-column .inner-box:hover .icon:before,
.center-icon-column .inner-box .icon.active:before {
    -moz-transform: scale(.8, .8);
    -ms-transform: scale(.8, .8);
    -o-transform: scale(.8, .8);
    -webkit-transform: scale(.8, .8);
    opacity: 0;
    transform: scale(.8, .8)
}
.text-section h4 strong {
    background: #3568B2;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .navbar-fixed-top {
        position: fixed!important;
        right: 0;
        left: 0;
        z-index: 1100;
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
        animation-duration: .8s;
        -webkit-animation-duration: .8s;
        animation-timing-function: ease-in-out;
        -webkit-animation-timing-function: ease-in-out
    }
    
    .affordable-new {
        border: 0;
        WIDTH: 46%;
        padding-top: 0
    }
    
    .banner-bottom-tab {
        text-align: center;
        padding-top: 19px;
        padding-bottom: 15px;
        border: 0;
        width: 20%;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        margin: 0;
        padding: 0;
        padding: 3px
    }
    
    .banner-bottom-tab.seo {
        border: 0
    }
}
.brand_highlight {
    background: #f5f5f5 fixed;
    padding: 40px 40px
}
.brand_highlight h2,
.brand_highlight h1 {
    color: #3568B2;
    font-size: 26px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    margin-left: 10px
}
.bfeatures h2 {
    font-weight: 700;
    font-size: 30px
}
.brand_highlight p {
    margin: 0 auto;
    text-align: justify;
    padding: 15px 0 0 10px;
    font-size: 18px;
    width: 100%;
    line-height: 29px;
    color: #484848;
    font-weight: 0
}
.text-section h4 span {
    background: #fff;
    color: #3568B2;
    padding-left: 5px;
    padding-right: 5px;
    FONT-SIZE: 22PX
}
.brand_highlight span {
    color: #3568B2;
    text-shadow: none
}
.abcont1-text {
    margin: 0 auto;
    text-align: justify;
    padding: 15px 10px;
    font-size: 20px;
    width: 100%;
    line-height: 30px
}
.abcont1-text strong {
    color: #45a4da
}
.portplio-title {
    padding: 0;
    float: left;
    width: 100%;
    color: rgba(78, 78, 78, .15);
    font-size: 8em;
    text-align: center;
    text-transform: none
}
.portplio-title h3 {
    padding: 0;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    color: rgba(78, 78, 78, .15);
    font-size: 80px;
    text-align: center;
    text-transform: none
}
.drop-title {
    margin: 0;
    padding: 0
}
.drop-title h3 {
    padding: 0;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    color: #fff;
    font-size: 50px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 30px
}
.book-meeting {
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
    float: left;
    display: block;
    padding-bottom: 30px;
    padding-top: 30px;
    background-size: 20%;
    width: 100%;
}
.book-meeting h3 {
    font-size: 3em;
    margin: 10px 0 20px 12px;
    padding: 0;
    color: #232222bd;
    font-weight: 600;
    text-align: left;
    text-transform: capitalize;
}
.contact_map {
    width: 100%;
    height: 303px;
}
.contact_map iframe {
    width: 100%;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    height: 303px;
}
.meeting {
    background: #f3f3f3;
    padding: 0;
    margin: 0;
    width: 50%;
    display: block
}
.feature-9 p {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    margin-top: 5em;
    width: 49%
}
.cmp-img {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #f3f3f3
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    .btn-primary.white {
        background: #3568B2;
        color: #ffffff!important;
        font-weight: 700;
        border: 1px solid #fff;
        border-radius: 4px;
        margin: 0 auto;
        float: left;
        left: 50%;
        right: 50%;
        margin-left: 24%;
        margin-top: 5%
    }
    
    .just-click a.btn.btn-primary.wow.bounceInDown.center {
        color: #0085D1!important;
        background: #fff;
        height: auto;
        width: auto;
        padding: 10px;
        margin-top: 0
    }
    
    #main-slide .slider-content {
        top: 45%;
        margin-top: -70px
    }
    
    .just-click {
        background: url(../images/others/home-call.jpg) no-repeat!important;
        background-size: cover!important;
        padding: 16px!important;
        max-width: 100%;
        overflow: hidden
    }
    
    .call-to-action h3 {
        font-size: 14px!important;
        text-transform: uppercase;
        margin-top: 0;
        font-weight: 700
    }
}
@media only screen and (min-width:1224px) {
    .page-title h1 {
        font-size: 32px;
        text-align: center
    }
}
.footer-section {
    background-image: url(../images/bg/ft.jpg);
    background-repeat: repeat;
    color: #103059;
    background-size: cover;
    width: 100%;
    padding-top: 50px;
    float: left;
    position: relative
}
.just-click {
    background: url(../images/others/home-call.jpg) no-repeat;
    background-size: cover;
    padding: 30px;
    padding: 4em;
    float: left;
    width: 100%
}
.just-click a.btn.btn-primary.wow.bounceInDown.center {
    color: #101010!important;
    background: #fff;
    font-size: 18px;
    width: 210px;
    border-radius: 5px
}
.modal-body .btn.btn-default.btn-file {
    margin: 10px 10px 0 0;
    width: 100%
}
.footer-list span {
    padding-left: 20px
}
.just-click a.btn.btn-primary.wow.bounceInDown.center:hover {
    background: rgb(0, 133, 207);
    color: white!important
}
.client-logo img:hover {
    filter: grayscale(0)
}
.client-logo img {
    display: block;
    margin: 0 auto
}
.marginBottom-0 {
    margin-bottom: 0
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
#cssmenu:after,
#cssmenu>ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
#cssmenu #menu-button {
    display: none
}
#cssmenu {
    font-family: Montserrat, sans-serif;
    width: auto;
    float: right;
    padding: 0
}
#cssmenu>ul>li {
    float: left;
    display: block
}
#cssmenu>ul>li:hover {
    background: #3568B200;
    border-radius: 26px
}
#cssmenu>ul>li>a:hover {
    padding-bottom: 0;
    line-height: 3;
    background: -webkit-linear-gradient(left, #3568b2 30%, #a1509f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#cssmenu.align-center>ul {
    font-size: 0;
    text-align: center
}
#cssmenu.align-center>ul>li {
    display: inline-block;
    float: none
}
#cssmenu.align-center ul ul {
    text-align: left
}
#cssmenu.align-right>ul>li {
    float: right
}
#cssmenu>ul>li>a.active {
    background: -webkit-linear-gradient(left, #3568b2 30%, #a1509f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #3568B2!important;
    font-weight: 600;
    border-color: beige;
}
#cssmenu>ul>li>a {
    height: auto;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #040404!important;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif!important;
    font-weight: 100;
    font-size: 14px;
    padding: 20px 10px;
    font-weight: 500;
    padding-top: 11px
}
#cssmenu>ul>li:hover>a {
    color: #fff
}
#cssmenu>ul>li.has-sub>a {
    color: black
}
#cssmenu>ul>li.has-sub:hover>a:before {
    top: 23px;
    height: 0
}
#cssmenu ul ul {
    left: -9999px;
    z-index: 99999999;
    position: absolute;
    padding-top: 11px;
    height: auto
}
#cssmenu.align-right ul ul {
    text-align: right
}
#cssmenu ul ul li {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    background: #3568B2;
    margin-bottom: 5px
}
#cssmenu li:hover>ul {
    left: auto
}
#cssmenu.align-right li:hover>ul {
    left: auto;
    right: 0
}
#cssmenu li:hover>ul>li {
    height: 35px
}
#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0
}
#cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%
}
#cssmenu ul ul li a {
    height: auto;
    width: 260px;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-weight: 400;
    background: #3568B2;
    padding: 11px;
    00 */ padding: 11px;
    padding-bottom: initial
}
#main-slide {
    margin-top: 0
}
#cssmenu ul ul li:last-child>a,
#cssmenu ul ul li.last-item>a {
    border-bottom: 0
}
#cssmenu ul ul li:hover>a,
#cssmenu ul ul li a:hover {
    color: #3568B2;
    background: #fff;
    padding: 11px
}
#cssmenu ul ul li.has-sub>a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: ''
}
#cssmenu.align-right ul ul li.has-sub>a:after {
    right: auto;
    left: 11px
}
#cssmenu ul ul li.has-sub>a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}
#cssmenu.align-right ul ul li.has-sub>a:before {
    right: auto;
    left: 14px
}
#cssmenu ul ul>li.has-sub:hover>a:before {
    top: 17px;
    height: 0
}
@media all and (max-width:768px),
only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),
only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),
only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),
only screen and (min-device-pixel-ratio:2) and (max-width:1024px),
only screen and (min-resolution:192dpi) and (max-width:1024px),
only screen and (min-resolution:2dppx) and (max-width:1024px) {
    #cssmenu {
        width: 100%
    }
    
    #cssmenu ul {
        width: 100%;
        display: none
    }
    
    #cssmenu.align-center>ul {
        text-align: left
    }
    
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid rgba(120, 120, 120, .2)
    }
    
    #cssmenu ul ul li,
    #cssmenu li:hover>ul>li {
        height: auto
    }
    
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0
    }
    
    #cssmenu>ul>li {
        float: left
    }
    
    #cssmenu ul ul li a {
        padding-left: 25px
    }
    
    #cssmenu ul ul ul li a {
        padding-left: 35px
    }
    
    #cssmenu ul ul li a {
        color: #ddd;
        background: none
    }
    
    #cssmenu ul ul li:hover>a,
    #cssmenu ul ul li.active>a {
        color: #fff
    }
    
    #cssmenu ul ul,
    #cssmenu ul ul ul,
    #cssmenu.align-right ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left
    }
    
    #cssmenu>ul>li.has-sub>a:after,
    #cssmenu>ul>li.has-sub>a:before,
    #cssmenu ul ul>li.has-sub>a:after,
    #cssmenu ul ul>li.has-sub>a:before {
        display: none
    }
    
    #cssmenu #menu-button {
        display: block;
        padding: 17px;
        color: #3568B2;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        margin-top: -60px;
    }
    
    #cssmenu #menu-button:after {
        position: absolute;
        top: 21px;
        right: 7px;
        display: block;
        height: 11px;
        width: 19px;
        border-top: 2px solid #3568B2;
        content: ''
    }
    
    #cssmenu #menu-button:before {
        position: absolute;
        top: 13px;
        right: 7px;
        display: block;
        height: 2px;
        width: 19px;
        background: #3568B2;
        content: ''
    }
    
    #cssmenu #menu-button.menu-opened:after {
        top: 17px;
        border: 0;
        height: 2px;
        width: 15px;
        background: #3568B2;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    
    #cssmenu #menu-button.menu-opened:before {
        top: 16.8px;
        background: #3568B2;
        width: 15px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, .2);
        height: 46px;
        width: 46px;
        cursor: pointer
    }
    
    #cssmenu .submenu-button.submenu-opened {
        background: #262626
    }
    
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px
    }
    
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 37px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #000;
        content: ''
    }
    
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }
    
    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff
    }
    
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 34px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #000;
        content: ''
    }
    
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }
    
    #cssmenu .submenu-button.submenu-opened:before {
        display: none
    }
}
.flexbox_mdl p {
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 10px;
    text-align: justify
}
.home_common_content.max_width_content h1 {
    font-size: 22px;
    color: #3568B2
}
#testimonials {
    width: 100%;
    background: #f8f8f8;
    padding: 30px 0;
    position: relative;
    color: #222525;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
}
#testimonials h1 {
    font-weight: 700;
    color: #3568B2
}
.section h1 {
    font-weight: 700
}
.testimonial {
    background: #ffffff;
    padding: 10px;
    float: left;
    margin-bottom: 30px;
    transition: .9s;
    text-align: left;
    box-shadow: 2px 5px 5px 3px #888888;
    width: 100%;
}
.testimonial:hover {
    background: #3568B2;
    color: #eee;
    box-shadow: 2px 5px 5px 3px transparent;
}
.testimonial-wrap {
    margin-top: 40px
}
.testimonial-quote {
    font-size: 13px;
    line-height: 29px;
    margin-top: 20px;
    margin-left: -20px;
    margin-bottom: 10px
}
.testimonial-quote-right {
    float: right
}
.our-brand {
    width: 100%;
    display: block;
    padding: 20px
}
.our-brand .img-responsive {
    display: inline-block;
    height: 100px;
    margin-left: 0;
    border: 1px solid #e8e8e8;
    padding: 5px;
    margin-top: 10px;
    cursor: pointer;
    /* width: 11.3333%; */
    
    margin-left: 10px;
    /* border-radius: 10px; */
}
a.btn.btn-primary.main-port.wow.bounceInDown.center {
    width: 100%;
    border: 0;
    height: 60px;
    border-radius: 0;
    line-height: 66px;
    font-size: 40px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: none
}
@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1, 1)
    }
    
    to {
        -webkit-transform: scale(1.5, 1.5)
    }
}
@keyframes zoom {
    from {
        transform: scale(1, 1)
    }
    
    to {
        transform: scale(1.5, 1.5)
    }
}
.our-brand .img-responsive:hover {
    filter: grayscale(100)
}
.portfolio {
    margin: 0;
    padding: 0;
    width: 100%;
    background: url(../images/portfolio/portfolio%20image.jpg) fixed;
    background-size: 55%
}
.portfolio h3 {
    margin: 30px 0 30px 0;
    color: white
}
.portfolio-post:hover {
    border: none;
    position: relative;
    border: 5px solid #cfd1d200;
    box-shadow: 5px -4px 8px 6px #88888842;
    float: left;
    display: block;
}
.get-sec {
    text-align: center;
    background: #e4e4e4;
    color: #fff;
    padding: 30px 0;
    margin-top: 0;
    float: left;
    width: 100%;
    background-size: 100%;
    background-image: url(../images/bg-con.html)
}
.get-sec h2 {
    color: #3a3838;
    background: rgba(0, 0, 0, 0) url(../new_images/touch-sep.html) no-repeat scroll center bottom
}
.office_addr {
    border: 1px dashed #fff;
    border-radius: 3px;
    padding: 3em 0 8em 6em;
    margin-bottom: 10px;
    width: 100%;
    margin: 0;
    height: auto;
    background: #fff;
}
.office_addr h3 {
    font-size: 26px;
    margin: 0;
    color: #3a3838;
    font-weight: 600;
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 8px;
    text-align: left;
    width: 100%;
    float: left
}
.office_addr h3::after {
    content: '';
    position: absolute;
    left: -14.5em;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    background: #3568B2;
    height: 1px;
    width: 50px;
}
.office_addr p {
    font-size: 17px;
    margin: 0 0 10px;
    color: #000;
    text-align: justify
}
.office_addr a {
    color: #fff
}
.office_addr .phone span {
    background: url(../new_images/phone_icon1.html) no-repeat left;
    padding: 0;
    font-weight: 600;
    color: black;
}
.office_addr .mail a {
    background: url(../new_images/email_icon1.html) no-repeat left;
    padding: 0 0 0 25px;
    word-wrap: break-word
}
.logo-client a {
    display: ;
    transform: rotate(-90deg);
    0deg)top: 0;
    float: right;
    bottom: 0;
    left: 0;
    right: 0;
    position: relative;
    top: -18em;
    left: 9em;
    margin-right: 6px
}
.logo-client {
    width: 100%;
    display: block;
    float: left;
    text-align: center
}
.we-are {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #ffffff;
}
.we-are .section-title {
    text-align: left;
    text-transform: none
}
.we-are p {
    text-align: center;
    font-size: 18px;
    line-height: 28px
}
.we-are ul li {
    list-style: none;
    font-size: 16px;
    color: #3568B2;
    display: inline-block;
    margin: 15px 0 30px 30px
}
.we-are ul {
    width: 100%;
    text-align: center
}
.media p {
    text-align: justify;
    font-size: 14px;
    line-height: 28px
}
.navbar-fixed-top .navbar-brand>img {
    margin-top: -3px
}
.navbar-fixed-top nav.navbar.navbar-default {
    height: 77px;
    border-bottom: 1px solid #eee;
}
.navbar-fixed-top #cssmenu {
    margin-top: -7px;
    float: right;
}
#login-modal .modal-dialog {
    width: 35%;
    z-index: 1000000000;
    position: relative;
    border: 5px solid #3568B2;
    border-radius: 9px;
}
#login-modal input[type=text],
input[type=password] {
    margin-top: 10px;
    width: 100%;
    height: 50px;
    color: black
}
#div-login-msg,
#div-lost-msg,
#div-register-msg {
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms
}
.modal-body textarea.form-control.animated {
    margin-top: 10px;
    width: 100%;
    height: 100px;
    color: black;
    overflow: hidden;
}
#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success {
    border: 1px solid #68c3a3;
    background-color: #c8f7c5
}
#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error {
    border: 1px solid #eb575b;
    background-color: #ffcad1
}
#icon-login-msg,
#icon-lost-msg,
#icon-register-msg {
    width: 30px;
    float: left;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-right: 5px;
    transition: all ease-in-out 500ms
}
#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success {
    background-color: #68c3a3!important
}
#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error {
    background-color: #eb575b!important
}
#img_logo {
    max-height: 100px;
    max-width: 100px;
    margin: 10px
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8
}
.modal-content {
    background-color: #f3f3f3;
    border: 1px solid #bdc3c7;
    border-radius: 5px;
    outline: 0;
    z-index: 99999999999999999999;
    position: relative
}
.modal-header {
    min-height: 16.43px;
    padding: 15px 15px 15px 15px;
    border-bottom: 0
}
.modal-body {
    position: relative;
    padding: 5px 15px 15px 15px;
    background: #fff
}
.modal-footer {
    padding: 15px 15px 15px 15px;
    text-align: left;
    border-top: 0
}
modal-content button.btn.btn-primary.btn-lg.btn-block:hover {
    background: #3568B2;
    color: white!important
}
.modal-content button.btn.btn-primary.btn-lg.btn-block {
    width: 42%;
    margin-right: 24px;
    margin-top: 0;
    margin-left: 10px;
    background: #3568B2;
    color: white!important;
    font-size: 14px;
    line-height: 15px;
    margin: 0 auto;
    text-align: center
}
.modal-content button.btn.btn-danger.btn-lg.btn-block {
    float: left;
    width: 42%;
    margin-right: 24px;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 10px;
    background: #3568B2;
    color: white!important;
    font-size: 14px;
    border: 0;
    display: none
}
.checkbox {
    margin-bottom: 0
}
.btn {
    border-radius: 0
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none
}
.btn-lg,
.btn-group-lg>.btn {
    border-radius: 0
}
.btn-link {
    padding: 5px 10px 0 0;
    color: #95a5a6
}
.btn-link:hover,
.btn-link:focus {
    color: #2c3e50;
    text-decoration: none
}
.glyphicon {
    top: 1%;
    right: 8px;
    color: #007fc6;
    z-index: 99999999999999;
}
.form-control {
    border-radius: 0
}
li.selected.from-left .cd-half-width:first-of-type img {
    margin: 0;
    padding: 0;
    width: 89%
}
.cd-half-width img {
    margin: 0;
    padding: 0;
    width: 89%
}
.modal-content button.btn.btn-primary.btn-lg.btn-block:hover {
    background: #fff;
    color: #3568B2!important
}
.modal-content button.btn.btn-danger.btn-lg.btn-block:hover {
    background: #fd2d2d
}
.brand {
    width: 100%;
    margin: 0;
    padding: 0
}
.contact-form button.btn.btn-primary:hover {
    background: #3568B2;
    color: white!important;
    border: 0;
    border: 1px solid #3568B2!important
}
.contact-form button.btn.btn-primary {
    border: 1px solid #0b0f1a!important;
    color: black!important;
    float: right;
}
.feature-4 .feature-icon span {
    border-radius: 50%;
    display: inline-table;
    font-size: 36px;
    width: auto;
    line-height: 45px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    margin-left: 0
}
.feature-4 .feature-icon span img {
    height: 77px;
    max-width: 80px
}
.people-say {
    background-color: #f9f9f9;
    padding: 40px 0 40px 0
}
.company {
    padding: 0;
    margin: 0;
    width: 100%
}
.company-inner {
    margin: 0 auto;
    padding: 0
}
.btn.btn-default.btn-file.attech-file {
    width: 100%;
    height: 36px;
    padding: 2px
}
.carrer button.btn.btn-default {
    width: 50%;
    border: 1px solid #3568B2;
    border-radius: 5px;
    color: #3568B2;
    font-weight: 600;
    text-transform: uppercase
}
.carrer button.btn.btn-default:hover {
    background: #3568B2;
    color: white
}
.o-c {
    margin: 0 0 10px 0
}
.get_started {
    position: relative;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 10px;
    text-align: center;
    z-index: 1;
    float: left;
}
.get_started .container {
    position: relative
}
.get_started .logobox {
    position: absolute;
    right: -80px;
    bottom: -80px;
    width: 228px
}
.get_started .logobox img {
    width: 100%
}
.get_started h6 {
    margin-bottom: 0px;
    font-size: 20px;
    color: #ffffff;
    line-height: 28px;
}
.get_started h6 span {
    display: inline-block;
    vertical-align: top;
    background: #3568B2;
    color: #fff;
    padding: 0 10px 0;
    border-radius: 2px;
    margin: 0 10px
}
.get_started h3 {
    margin-bottom: 0px;
    font-family: 'open_sanslight';
    font-size: 50px;
    color: #ffffff;
    line-height: 60px;
}
.get_started h3 a {
    position: relative;
    color: #1c1c1c
}
.get_started h3 a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #ff0036;
    content: "";
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}
.get_started h3 a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}
.get_started h3 span {
    color: #3568B2
}
.get_started p {
    font-size: 22px;
    color: #1c1c1c
}
.get_started .down_arrow {
    stroke: rgb(0, 133, 207);
    position: absolute;
    width: auto;
    height: 0;
    top: 8px;
    left: -20px;
    overflow: hidden;
    -webkit-transition: all ease-in-out 1s;
    -moz-transition: all ease-in-out 1s;
    -ms-transition: all ease-in-out 1s;
    -o-transition: all ease-in-out 1s;
    transition: all ease-in-out 1s;
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -ms-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s
}
.get_started .down_arrow.active {
    stroke: rgb(0, 133, 207);
    opacity: 0;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -ms-transition: all ease-in-out 0.1s;
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s
}
.get_started .animated .down_arrow {
    height: 225px
}
.get_started .down_arrow .afterpath {
    opacity: 0
}
.get_started .animated .down_arrow .afterpath {
    opacity: 1;
    -webkit-animation: smooth 4s ease 0s normal forwards 1;
    -moz-animation: smooth 4s ease 0s normal forwards 1;
    -o-animation: smooth 4s ease 0s normal forwards 1;
    -ms-animation: smooth 4s ease 0s normal forwards 1;
    animation: smooth 4s ease 0s normal forwards 1
}
.get_started .animated .down_arrow .afterpath {
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    stroke: rgb(0, 133, 207);
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s
}
.get_started .animated .down_arrow .path_getstart {
    stroke: rgb(0, 133, 207);
    animation-delay: 2s;
    animation-direction: normal;
    animation-duration: 3s;
    animation-fill-mode: none;
    animation-iteration-count: infinite;
    animation-name: path_getstart;
    animation-play-state: running;
    animation-timing-function: linear
}
@-webkit-keyframes path_getstart {
    0% {
        stroke-dashoffset: 0
    }
    
    100% {
        stroke-dashoffset: 120
    }
}
@keyframes path_getstart {
    0% {
        stroke-dashoffset: 0
    }
    
    100% {
        stroke-dashoffset: 120
    }
}
.form_section {
    position: relative;
    width: 100%;
    /* background-color:#0b0f1a; */
    
    overflow: hidden;
    float: left;
}
.simform {
    position: relative;
    margin: 0 auto;
    padding: 2em 0;
    max-width: 860px;
    width: 100%;
    text-align: left;
    font-size: 2.5em
}
.form_section form#contactForm {
    width: 100%;
    margin: 0 auto;
    float: left;
    margin-top: 15px;
    margin-left: 9%;
    font-size: 31px;
    margin-bottom: 15px;
    color: white;
}
.form_section input#email {
    border-color: white;
    border-radius: 3px;
    font-size: 14px;
    color: #ffffff!important
}
.form_section span label {
    color: yellow;
    font-weight: 200
}
.testimonial-out {
    margin: 0;
    width: 46%
}
.testimonial-out button.btn.btn-primary {
    margin-top: 24px
}
.our-companies button.btn.btn-primary {
    border: 1px solid #0084ce;
    background: no-repeat;
    color: #0085ce!important;
    border-radius: 3px;
    margin-top: 20px;
    /*margin-left:42%;width:16%*/
}
.our-companies button.btn.btn-primary:hover {
    border: 1px solid #0085ce;
    background: #0085ce;
    border-radius: 3px;
    color: #fff!important;
}
.company-service {
    display: block;
    margin: 0 auto;
    padding: 0
}
.wrap2 label {
    float: left;
    width: 100%;
    margin: 0 auto;
    text-align: center
}
.wrap2 label img {
    text-align: center;
    margin: 15px auto
}
span.up {
    width: 54%;
    text-transform: none;
    color: #8c8c8c59;
    position: absolute;
    top: 3em;
    bottom: 0;
    left: 0;
    right: 0;
    font-weight: 600;
    font-size: 52px;
    text-transform: uppercase;
    text-align: left;
    transform: rotate(-90deg);
    left: -34.9%
}
#feature {
    padding-bottom: 50px
}
.section-title {
    margin-top: 3.8em;
    left: -17.8%;
    position: absolute;
    margin-bottom: 20px;
    color: #a9a9a9;
    font-size: 32px;
    font-weight: 400;
    line-height: 32px;
    text-align: center;
    transform: rotate(-90deg);
    font-size: 7em;
    padding: 0;
    em;
    */
}
#bgVideo .play-button a,
#callToAction,
#domainPricing table .mdl-button.mdl-button--accent,
#domainPricing table thead,
#domainSearch,
#f0f a.read-more,
#moreApps .controls button.mdl-button,
#postCommentForm label:after,
#preloader .auxbar,
#preloader .progressbar,
#subscribe,
#topNav .navbar-header .navbar-toggle .icon-bar,
#topNav a.navbar-brand span.third,
#topNavbar .login--btn,
.app-features-content ul li .icon,
.app-features-content ul li:after,
.appScreenshotsSlider .owl-page.active,
.categories-widget .nav-tabs.nav-justified>.active>a,
.categories-widget .nav-tabs.nav-justified>li:focus>a,
.categories-widget .nav-tabs.nav-justified>li:hover>a,
.contact-address,
.contact-form label:after,
.contact-form-status .alert,
.dev-content ul li .icon,
.dev-content ul li:after,
.facts:hover i.fa,
.feature-item .read-more-btn a.mdl-button,
.feature-item:hover .icon,
.feedback-item .mdl-card:before,
.feedback-item .mdl-card__supporting-text,
.feedback-items .owl-page.active,
.footer-about a.read-more.mdl-button,
.footer-title:before,
.header--badge-1,
.header--badge-1 p:before,
.header--badge-1:after,
.header--badge-1:before,
.header--badge-2,
.header-item a.mdl-button.read-more,
.info-items .owl-controls,
.info-items .owl-page,
.offCanvasNav,
.openNav,
.page-title h2:before,
.pagination>li.active>a,
.pagination>li.active>a:hover,
.pagination>li.active>span,
.pagination>li.active>span:hover,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.pct-img figcaption .pct-tag span:before,
.pct-price-tag,
.post-item .mdl-card__actions .read-more,
.preloader-logo span.third,
.reg--login .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.reg--login .mdl-textfield__label:after,
.reg--login .submit-btn.mdl-button,
.section-title:before,
.team-items .owl-page.active,
.team-skills .about-description a.read-more,
.team-skills .progress-bar,
.widget-title:before {
    background-color: #FF9800
}
.section-title span {
    float: none;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    left: 10em;
    right: 0;
    bottom: 0;
    top: 0;
    display: none
}
.feature-item {
    margin: 16px 0 -30px;
    padding-bottom: 30px;
    -webkit-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    left: 0;
    right: 0
}
.feature-item .icon {
    background-color: #3568B2;
    width: 100px;
    height: 100px;
    margin: -50px auto 0;
    padding-left: 10px;
    border: 10px solid #fff;
    border-radius: 50%;
    -webkit-transition: background-color .25s ease-in;
    transition: background-color .25s ease-in
}
.vc-parent {
    width: 100%;
    height: 100%;
    display: table
}
.vc-child {
    display: table-cell;
    vertical-align: middle
}
#copyright p a,
#topNav a.navbar-brand i.fa,
#topNav a.navbar-brand span.first,
#tweets a,
#tweets li:before,
#tweets2 a,
#tweets2 li:before,
.about-page-description blockquote p,
.blog-page-content.post-details .post-author .social-share li a:hover,
.blog-page-content.post-details a.post-author-name:hover,
.blog-page-content.post-details blockquote p,
.breadcrumb li a:hover,
.breadcrumb>.active,
.comment-thumb a,
.contact-address i.fa,
.facts-icon i.fa,
.feature-item .icon i.fa,
.links-widget li a:hover,
.popular-post-item h5 a:hover,
.post-item .mdl-card__actions .comments:hover,
.post-title h2:hover a,
.preloader-logo i.fa,
.preloader-logo span.first,
.primary-social-menu-links li a:hover,
.reg--login .helper-link:hover,
.team-item h2 a:hover,
.team-social-links li a:hover {
    color: #FF9800
}
.feature-item .icon i.fa {
    display: table-cell;
    vertical-align: middle;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    font-size: 30px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: .25s ease-in;
    transition: .25s ease-in
}
#bgVideo,
#subscribe,
.feature-item .content {
    position: relative
}
.feature-item .content:before {
    position: absolute;
    right: -15px;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, .09)
}
style.css:1 #bgVideo:before,
.feature-item .content:before {
    content: " ";
    top: 0
}
.feature-item .heading {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    color: black;
    margin: 10px
}
.feature-item .read-more-btn {
    text-align: center
}
#bgVideo .play-button a,
#callToAction,
#domainPricing table .mdl-button.mdl-button--accent,
#domainPricing table thead,
#domainSearch,
#f0f a.read-more,
#moreApps .controls button.mdl-button,
#postCommentForm label:after,
#preloader .auxbar,
#preloader .progressbar,
#subscribe,
#topNav .navbar-header .navbar-toggle .icon-bar,
#topNav a.navbar-brand span.third,
#topNavbar .login--btn,
.app-features-content ul li .icon,
.app-features-content ul li:after,
.appScreenshotsSlider .owl-page.active,
.categories-widget .nav-tabs.nav-justified>.active>a,
.categories-widget .nav-tabs.nav-justified>li:focus>a,
.categories-widget .nav-tabs.nav-justified>li:hover>a,
.contact-address,
.contact-form label:after,
.contact-form-status .alert,
.dev-content ul li .icon,
.dev-content ul li:after,
.facts:hover i.fa,
.feature-item .read-more-btn a.mdl-button,
.feature-item:hover .icon,
.feedback-item .mdl-card:before,
.feedback-item .mdl-card__supporting-text,
.feedback-items .owl-page.active,
.footer-about a.read-more.mdl-button,
.footer-title:before,
.header--badge-1,
.header--badge-1 p:before,
.header--badge-1:after,
.header--badge-1:before,
.header--badge-2,
.header-item a.mdl-button.read-more,
.info-items .owl-controls,
.info-items .owl-page,
.offCanvasNav,
.openNav,
.page-title h2:before,
.pagination>li.active>a,
.pagination>li.active>a:hover,
.pagination>li.active>span,
.pagination>li.active>span:hover,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.pct-img figcaption .pct-tag span:before,
.pct-price-tag,
.post-item .mdl-card__actions .read-more,
.preloader-logo span.third,
.reg--login .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.reg--login .mdl-textfield__label:after,
.reg--login .submit-btn.mdl-button,
.section-title:before,
.team-items .owl-page.active,
.team-skills .about-description a.read-more,
.team-skills .progress-bar,
.widget-title:before {
    background-color: #3568B2
}
.feature-item:hover {
    box-shadow: 0 9px 46px 8px rgba(255, 255, 255, .31), 0 11px 15px -7px rgba(0, 0, 0, .32), 0 24px 38px 3px rgba(0, 0, 0, .26);
    background: #ffffff4f
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised,
.mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: #fff;
    background-color: #ff4081
}
.mdl-button--accent.mdl-button--accent {
    color: #ff4081
}
.mdl-button,
a {
    font-weight: 500;
    color: #0185d0
}
.mdl-button--raised {
    background: rgba(158, 158, 158, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.mdl-button {
    background: 0 0;
    border: none;
    border-radius: 2px;
    color: #000;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle
}
#callToAction h2,
#subscribe h2,
#topNav a.navbar-brand,
.feature-item .heading,
.header-item h2,
.preloader-logo,
.primary-menu-links>li>a,
.section-title,
.team-item h2 {
    text-transform: uppercase
}
.feature-item .desc {
    text-align: center;
    margin: 0 0 20px;
    color: black
}
#our-services {
    background: #f9f9f9;
    background-size: cover
}
a.read-more.mdl-button.mdl-js-button.mdl-js-ripple-effect.mdl-button--raised.mdl-button--accent:hover {
    background: white;
    color: black
}
.section-title:before {
    content: '';
    position: absolute;
    left: 0;
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    color: #000;
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
    transform: rotate(90deg);
    float: left
}
.wrap2:before {
    position: absolute;
    content: '';
    border-left: -39em solid #ffffff36;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}
.wrap2 h1 {
    position: relative
}
#features {
    background-repeat: repeat;
    background-position: 0 0;
    color: #0c110b;
    background-attachment: fixed
}
@-webkit-keyframes slide {
    from {
        background-position: 0 0
    }
    
    to {
        background-position: -400px 0
    }
}
#features .titlebar h3,
#features .titlebar h2 {
    color: #161819;
    text-align: center;
    padding-bottom: 30px
}
.features-box {
    margin-bottom: 40px
}
.icon-box {
    width: 70px;
    height: 70px;
    line-height: 70px!important;
    text-align: center;
    float: left;
    font-size: 22px;
    color: #275271;
    border: 2px dashed #275271;
    border-radius: 100%;
    padding: 13px
}
.icon-box i {
    color: #fafdf5;
    font-size: 60px;
    margin-top: 10px
}
.features-text {
    overflow: hidden;
    padding: 0 0 0 30px
}
.features-text h4 {
    font-size: 20px;
    font-weight: 600;
    color: #275271;
    margin-bottom: 10px
}
.features-text p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    padding-right: 20px
}
.logo {
    filter: gray;
    -webkit-filter: grayscale(1);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer
}
.logo:hover {
    filter: none;
    -webkit-filter: grayscale(0)
}
.overlay {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    background: url(../images/overlay-pattern.html)
}
#testimonial4 {
    overflow: hidden;
    min-height: 375px;
    position: relative;
    background: url(../images/testimonials/testimonial-slider-background-black.jpg) fixed
}
#testimonial4 .carousel-inner {
    width: 75%;
    margin: auto
}
#testimonial4 .carousel-inner:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab
}
#testimonial4 .carousel-inner:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}
#testimonial4 .carousel-inner .item {
    overflow: hidden
}
.testimonial4_indicators .carousel-indicators {
    left: 0;
    margin: 0;
    width: 100%;
    font-size: 0;
    height: 20px;
    bottom: 15px;
    padding: 0 5px;
    cursor: e-resize;
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
    text-align: center;
    white-space: nowrap
}
.testimonial4_indicators .carousel-indicators li {
    padding: 0;
    width: 10px;
    height: 10px;
    border: none;
    text-indent: 0;
    margin: 2px 3px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%
}
.testimonial4_indicators .carousel-indicators .active {
    padding: 0;
    width: 10px;
    height: 10px;
    border: none;
    margin: 2px 3px;
    background-color: #000;
    -webkit-border-radius: 100%;
    border-radius: 100%
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar {
    height: 3px
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb {
    background: #eee;
    -webkit-border-radius: 0;
    border-radius: 0
}
.testimonial4_control_button .carousel-control {
    top: 175px;
    opacity: 1;
    width: 40px;
    bottom: auto;
    height: 40px;
    font-size: 10px;
    cursor: pointer;
    font-weight: 700;
    overflow: hidden;
    line-height: 38px;
    text-shadow: none;
    text-align: center;
    position: absolute;
    background: transparent;
    border: 2px solid #fff;
    text-transform: uppercase;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.6s cubic-bezier(.3, 1, 0, 1);
    transition: all 0.6s cubic-bezier(.3, 1, 0, 1)
}
.testimonial4_control_button .carousel-control.left {
    left: 7%;
    right: auto
}
.testimonial4_control_button .carousel-control.right {
    right: 7%;
    left: auto
}
.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover {
    color: #000;
    background: #fff;
    border: 2px solid #fff
}
.testimonial4_header {
    top: 0;
    left: 0;
    bottom: 0;
    width: 550px;
    display: block;
    margin: 30px auto;
    text-align: center;
    position: relative
}
.testimonial4_header h4 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    position: relative;
    letter-spacing: 1px;
    text-transform: uppercase
}
.testimonial4_slide {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 70%;
    margin: auto;
    position: relative;
    text-align: center
}
.testimonial4_slide img {
    top: 0;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
    margin: auto;
    display: block;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    position: relative
}
.testimonial4_slide p {
    color: #fff;
    font-size: 16px;
    margin: 40px 0 20px 0
}
.testimonial4_slide h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 700
}
@media only screen and (max-width:480px) {
    .testimonial4_control_button .carousel-control {
        display: none
    }
    
    .testimonial4_header {
        width: 95%
    }
    
    .testimonial4_header h4 {
        font-size: 20px
    }
    
    .testimonial4_slide {
        width: 98%;
        padding: 5px
    }
}
@media (min-width:481px) and (max-width:767px) {
    .testimonial4_control_button .carousel-control.left {
        left: 2%
    }
    
    .testimonial4_control_button .carousel-control.right {
        right: 2%
    }
    
    .testimonial4_header {
        width: 95%
    }
    
    .testimonial4_slide {
        width: 98%;
        padding: 5px
    }
}
@media (min-width:768px) and (max-width:991px) {
    .testimonial4_control_button .carousel-control.left {
        left: 5%
    }
    
    .testimonial4_control_button .carousel-control.right {
        right: 5%
    }
}
@-webkit-keyframes psBoxShadowEffect_2 {
    0% {
        opacity: .3
    }
    
    40% {
        opacity: .5;
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, .5)
    }
    
    100% {
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 5px 5px #ffffff, 0 0 0 5px rgba(255, 255, 255, .5);
        -webkit-transform: scale(1.5);
        opacity: 0
    }
}
@keyframes psBoxShadowEffect_2 {
    0% {
        opacity: .3
    }
    
    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, .5)
    }
    
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 5px 5px #ffffff, 0 0 0 5px rgba(255, 255, 255, .5);
        transform: scale(1.5);
        opacity: 0
    }
}
h2.section-title.cmp {
    color: #efefef;
    margin: 0;
    font-size: 11em;
    left: 0;
    margin-top: 0;
    bottom: 0;
    text-align: center;
    transform: none;
    float: left;
    position: relative;
    width: 100%;
    margin-top: 57px
}
.section-title.text-center.about {
    margin: 25px;
    padding: 0;
    float: left;
    transform: none;
    top: 11.8%;
    left: -30%
}
.about h3.wow.slideInDown.bounceInLeft {
    margin: 0;
    padding: 0;
    transform: rotate(-90deg);
    color: #73737382;
    top: -24px;
    font-size: 1.4em;
    left: -30px
}
.section-title.who-we {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center
}
.who-we h3 {
    float: left;
    width: 100%;
    font-size: 8em;
    color: #c1bebe7d;
    font-weight: 500;
    text-transform: uppercase
}
.section-title.client-say.text-center {
    margin: 0;
    left: 0;
    transform: none;
    margin: 14px;
    font-size: 3em;
    float: left;
    width: 100%
}
.icon-box img {
    width: 100%;
    margin-top: 4px;
    color: black
}
.client-section .section-title {
    margin-top: 1.6em;
    left: -22%;
    position: absolute;
    margin-bottom: 20px;
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    line-height: 31px;
    text-align: left;
    transform: rotate(-90deg);
    font-size: 7em;
    padding: 0
}
.client-section .section-title h3 {
    position: relative;
    font-size: 57px;
    line-height: 0;
    color: #969696;
    margin-top: 2px;
    left: 17px;
    top: 49px
}
.who-we-are .about h3.lefttitle {
    margin: 0;
    padding: 0;
    transform: rotate(-90deg);
    color: #c7c7c7;
    top: 1em;
    font-size: 59px;
    left: 27%;
    -webkit-transform: rotate(-90deg);
    font-weight: 600;
    font-size: 52px;
}
.copyright:before {
    position: absolute;
    content: '';
    background: url(../images/figure_footer.html) repeat
}
.service-info h5 {
    color: rgb(22, 25, 27);
    font-weight: 600;
    font-style: italic;
    letter-spacing: 1px
}
.service-info i {
    font-size: 40px;
    line-height: 40px;
    margin: 0 0 15px;
    color: #000
}
.service-info {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    margin: 0 0 30px
}
.text-block {
    width: 100%;
    float: left;
    height: auto
}
.text-block h4 {
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 0 30px
}
.row .col-xs-6:nth-last-child(-n+2) .service-info {
    margin: 0
}
span.counter {
    color: rgb(32, 35, 37);
    font-size: 30px;
    font-weight: 800;
    margin: 0 0 5px;
    display: block;
    line-height: normal;
    letter-spacing: 2px
}
section#fun-facts {
    margin: 0;
    background: url(../images/bg/bg-serv.jpg) #000;
    padding-top: 30px;
    padding-bottom: 30px;
    background-size: 34%;
    -webkit-animation: slide 20s linear infinite;
    animation: slide 8s linear infinite;
    background-attachment: fixed;
    float: left;
    width: 100%;
    background-repeat: repeat;
}
.hero-btn {
    width: 55px;
    height: 55px;
    bottom: -35px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    transition: all 0.5s ease-out;
    padding: 10px;
    z-index: 99;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .38);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .38);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .38);
    display: none
}
.pulse-animation {
    -webkit-animation: pulsate 1s ease-in-out infinite alternate;
    -webkit-animation-iteration-count: infinite
}
.hero-btn-border {
    width: 61px;
    height: 61px;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
    margin: 0 auto;
    left: -3px;
    transition: all 0.5s ease-out;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: none
}
.hero-btn img {
    position: absolute;
    left: 3px;
    right: 0;
    transition: all 0.5s ease-out;
    margin: 0 auto;
    top: 52%;
    transform: translateY(-50%)
}
#featured-projects {
    transition: all 0.5s ease-out;
    background: #fff;
    float: left;
    width: 100%
}
#cssmenu>ul>li>a i {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 100%;
    line-height: 2;
    margin: 0 auto;
    margin-bottom: 0;
    margin: 0 auto;
    background: -webkit-linear-gradient(left, #3568b2 30%, #a1509f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 18px;
}
#cssmenu ul {
    background-color: #fff;
}
.cli_ents {
    width: 100%;
    background: url(../images/bg/bg2.jpg);
    background-size: cover;
    background-attachment: fixed;
    float: left
}
#testimonial4 {
    overflow: hidden;
    min-height: auto;
    position: relative;
    background: none;
    float: left;
    width: 100%
}
#testimonial4 .carousel-inner {
    width: 75%;
    margin: auto;
    height: 350px
}
#testimonial4 .carousel-inner:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab
}
#testimonial4 .carousel-inner:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}
#testimonial4 .carousel-inner .item {
    overflow: hidden
}
.testimonial4_indicators .carousel-indicators {
    left: 0;
    margin: 0;
    width: 100%;
    font-size: 0;
    height: 20px;
    bottom: 15px;
    padding: 0 5px;
    cursor: e-resize;
    overflow-x: auto;
    overflow-y: hidden;
    position: absolute;
    text-align: center;
    white-space: nowrap
}
.testimonial4_indicators .carousel-indicators li {
    padding: 0;
    width: 10px;
    height: 10px;
    border: none;
    text-indent: 0;
    margin: 2px 3px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%
}
.testimonial4_indicators .carousel-indicators .active {
    padding: 0;
    width: 10px;
    height: 10px;
    border: none;
    margin: 2px 3px;
    background-color: #000;
    -webkit-border-radius: 100%;
    border-radius: 100%
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar {
    height: 3px
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb {
    background: #eee;
    -webkit-border-radius: 0;
    border-radius: 0
}
.testimonial4_control_button .carousel-control {
    top: 175px;
    opacity: 1;
    width: 40px;
    bottom: auto;
    height: 40px;
    font-size: 10px;
    cursor: pointer;
    font-weight: 700;
    overflow: hidden;
    line-height: 38px;
    text-shadow: none;
    text-align: center;
    position: absolute;
    background: transparent;
    border: 2px solid #fff;
    text-transform: uppercase;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.6s cubic-bezier(.3, 1, 0, 1);
    transition: all 0.6s cubic-bezier(.3, 1, 0, 1)
}
.testimonial4_control_button .carousel-control.left {
    left: 7%;
    right: auto
}
.testimonial4_control_button .carousel-control.right {
    right: 7%;
    left: auto
}
.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover {
    color: #000;
    background: #fff;
    border: 2px solid #fff
}
.testimonial4_header {
    top: 0;
    left: 0;
    bottom: 0;
    width: auto;
    display: block;
    margin: 30px auto;
    text-align: center;
    position: relative
}
.testimonial4_header h4 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    position: relative;
    letter-spacing: 1px;
    text-transform: uppercase
}
.testimonial4_slide {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
    padding: 20px;
    position: relative;
    text-align: center
}
.testimonial4_slide img {
    top: 0;
    left: 0;
    right: 0;
    width: 50px;
    height: 50px;
    margin: auto;
    display: block;
    color: #f2f2f2;
    font-size: 18px;
    line-height: 46px;
    text-align: center;
    position: relative
}
.testimonial4_slide p {
    color: #fff;
    font-size: 14px;
    margin: 40px 0 20px 0
}
.testimonial4_slide h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 700
}
@media only screen and (max-width:480px) {
    .testimonial4_control_button .carousel-control {
        display: none
    }
    
    .testimonial4_header {
        width: 95%
    }
    
    .testimonial4_header h4 {
        font-size: 20px
    }
    
    .testimonial4_slide {
        padding: 5px
    }
}
@media (min-width:481px) and (max-width:767px) {
    .testimonial4_control_button .carousel-control.left {
        left: 2%
    }
    
    .testimonial4_control_button .carousel-control.right {
        right: 2%
    }
    
    .testimonial4_header {
        width: 95%
    }
    
    .testimonial4_slide {
        width: 98%;
        padding: 5px
    }
}
@media (min-width:768px) and (max-width:991px) {
    .testimonial4_control_button .carousel-control.left {
        left: 5%
    }
    
    .testimonial4_control_button .carousel-control.right {
        right: 5%
    }
}
@-webkit-keyframes psBoxShadowEffect_2 {
    0% {
        opacity: .3
    }
    
    40% {
        opacity: .5;
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, .5)
    }
    
    100% {
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 5px 5px #ffffff, 0 0 0 5px rgba(255, 255, 255, .5);
        -webkit-transform: scale(1.5);
        opacity: 0
    }
}
@keyframes psBoxShadowEffect_2 {
    0% {
        opacity: .3
    }
    
    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #ffffff, 0 0 0 10px rgba(255, 255, 255, .5)
    }
    
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 5px 5px #ffffff, 0 0 0 5px rgba(255, 255, 255, .5);
        transform: scale(1.5);
        opacity: 0
    }
}
.People h2.section-title.cmp {
    color: #2d2b2b;
    margin: 0;
    font-size: 40px;
    left: 0;
    margin-top: 0;
    bottom: 0;
    text-align: center;
    transform: none;
    float: left;
    position: relative;
    width: 100%;
    position: relative;
    top: 0;
    text-transform: uppercase!important
}
.right-call {
    color: black;
    float: right;
    width: 100%;
    line-height: 0;
    top: 7px;
    position: relative
}
.right-call .top-phone.mr10 {
    color: black;
    font-size: 20px;
    padding: 0;
    width: 46%;
    margin: 0;
    line-height: 26px;
    float: right;
}
.right-call .top-address {
    font-size: 15px;
    color: #0185d0;
    font-weight: 400;
    float: right;
}
.top-header .social-top {
    padding-top: 4px
}
.social-top ul.top-social li:hover {
    background: #00a3ff;
    border: 0;
    color: black;
    border: 1px solid #00a3ff
}
.right-call span {
    margin: 0;
    padding: 0
}
.right-call span img {
    float: left;
    margin: 2px;
    padding: 0
}
.downArrow {
    position: relative;
    bottom: 45%;
    left: -3%;
    top: 57%
}
.bounce {
    -moz-animation: bounce 3s infinite;
    -webkit-animation: bounce 3s infinite;
    animation: bounce 3s infinite
}
@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}
@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}
@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}
h2.section-title.cmp.clients:before {
    position: absolute;
    content: ''
}
.home_welcome_subhead {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 25px 0;
    text-align: center
}
.home_welcome_subhead h1,
.home_welcome_subhead h3 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    font-family: 'Nexa Light', Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 600;
    font-size: 24px;
    color: #2f2f2f
}
.home_welcome_subhead img {
    width: 100%;
}
.wraper_webdesign_process {
    width: 100%;
    height: auto;
    margin: 30px 0 30px 0;
    float: left;
    width: 100%
}
.wraper_webdesign_process>.container {
    padding-top: 60px;
    padding-bottom: 100px
}
.webdesign_process_head {
    width: 100%;
    margin: 0 0 61px 0;
    padding: 0 75px 0 75px;
    text-align: center
}
.webdesign_process_head>*:last-child {
    margin-bottom: 0!important
}
.webdesign_process_head h1,
.webdesign_process_head h3 {
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    font-family: 'Nexa Light', Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 400;
    font-size: 40px;
    color: #2d2d2d;
    padding-top: 0
}
.webdesign_process_head h1 span,
.webdesign_process_head h3 span {
    color: #3568B2;
    font-weight: 600;
    padding-right: 10px;
    border-radius: 2;
    line-height: 0;
    padding-left: 5px
}
.webdesign_process_head h2,
.webdesign_process_head h4 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 85%;
    height: auto;
    padding: 0 0 20px 0;
    font-family: 'Nexa Light', Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 400;
    color: #101213;
    line-height: 25px;
    text-transform: none
}
.webdesign_process_head h2:before,
.webdesign_process_head h4:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 0;
    content: " ";
    width: 90px;
    height: 3px;
    margin-left: -45px;
    background: #33b4ff
}
.webdesign_process_body {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 0
}
.webdesign_process_body>.item {
    display: inline-block;
    vertical-align: top;
    width: 18%;
    margin-right: 14px
}
.webdesign_process_body>.item>.holder {
    position: relative;
    width: 100%;
    height: 238px;
    float: left;
    border-right: 1px #fff dashed;
    text-align: center
}
.webdesign_process_body>.item:last-child>.holder {
    border-right: none
}
.webdesign_process_body>.item:nth-child(1)>.holder,
.webdesign_process_body>.item:nth-child(1)>.holder>.pic>.holder {
    background: #037dc1;
    border-radius: 100%
}
.webdesign_process_body>.item:nth-child(2)>.holder,
.webdesign_process_body>.item:nth-child(2)>.holder>.pic>.holder {
    background: #00476f;
    border-radius: 100%
}
.webdesign_process_body>.item:nth-child(3)>.holder,
.webdesign_process_body>.item:nth-child(3)>.holder>.pic>.holder {
    background: #037dc1;
    border-radius: 100%
}
.webdesign_process_body>.item:nth-child(4)>.holder,
.webdesign_process_body>.item:nth-child(4)>.holder>.pic>.holder {
    background: #00476f;
    border-radius: 100%
}
.webdesign_process_body>.item:nth-child(5)>.holder,
.webdesign_process_body>.item:nth-child(5)>.holder>.pic>.holder {
    background: #037dc1;
    border-radius: 100%
}
.webdesign_process_body>.item>.holder>.pic {
    position: absolute;
    top: -40px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: auto;
    text-align: left
}
.webdesign_process_body>.item>.holder>.pic>.holder {
    display: inline-block;
    vertical-align: top;
    width: 80px;
    height: 80px;
    padding: 7px;
    border: 3px #fff solid;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    float: right
}
.webdesign_process_body>.item>.holder>.pic>.holder>.pic>.holder img {
    display: inline-block;
    vertical-align: top
}
.webdesign_process_body>.item>.holder>.main {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 240px;
    float: left;
    overflow: hidden;
    padding: 57px 20px 30px 20px;
    text-align: center
}
.webdesign_process_body>.item>.holder>.main>.step {
    position: absolute;
    top: 0;
    right: -40px;
    z-index: 1;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: right
}
.webdesign_process_body>.item>.holder>.main>.step p {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 278px;
    color: rgba(255, 255, 255, .03);
    line-height: 258px
}
.webdesign_process_body>.item>.holder>.main>.data {
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    float: left
}
.webdesign_process_body>.item>.holder>.main>.data h5 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    text-transform: uppercase;
    font-family: 'Nexa Bold', Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #fefefe;
    line-height: 25px
}
.webdesign_process_body>.item>.holder>.main>.data h5:before {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 0;
    content: " ";
    width: 40px;
    height: 2px;
    margin-left: -20px;
    background: #fff
}
.webdesign_process_body>.item>.holder>.main>.data p {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 17px
}
.People h2.section-title.cmp:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 0;
    content: " ";
    width: 90px;
    height: 3px;
    margin-left: -45px;
    background: #33b4ff;
    top: 43px
}
.People h4 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
    padding: 0 0 20px 0;
    font-family: 'Nexa Light', Verdana, Geneva, Tahoma, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #2d2d2d;
    line-height: 22px;
    text-align: center;
    text-transform: none;
    margin-top: 30px
}
section#service {
    background: #f7f5f5;
    background-attachment: fixed!important;
    background-repeat: repeat;
    background-position: 0 0;
    padding-top: 50px;
    padding-bottom: 0;
    color: #0c110b;
    -webkit-animation: slide 20s linear infinite;
    animation: slide 20s cubic-bezier(0, 0, .66, .51) infinite;
    background: #0c110b33 url(../images/bg/bg-serv.jpg) repeat 0 0;
    background-size: 20%
}
h1.s {
    font-size: 4em;
    text-transform: capitalize;
    padding: 0
}
.back-to-top i:hover {
    color: #85c808
}
@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1, 1)
    }
    
    to {
        -webkit-transform: scale(1.5, 1.5)
    }
}
@keyframes zoom {
    from {
        transform: scale(1, 1)
    }
    
    to {
        transform: scale(1.5, 1.5)
    }
}
.about-bg {
    background: url(../images/bg/abts0bg.jpg);
    animation: none;
    padding: 80px 0 80px 0;
    background-size: cover
}
.care-bg {
    background: url(../images/career/breezeway-team.jpg);
    animation: none;
    background-size: 100%;
    padding: 70px;
}
.serviceBox {
    text-align: center;
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    border-bottom: 0;
    background: #fff;
    height: 250px;
    box-shadow: -3px -3px 10px #a2a2a261;
    width: 257px;
    padding: 10px
}
.serviceBox:before,
.serviceBox:after {
    content: "";
    width: 200%;
    height: 50%;
    background: #275271;
    position: absolute;
    top: 145px;
    left: -18px;
    z-index: -1;
    transform: rotate(-25deg);
    transition: all 0.5s ease 0s
}
.serviceBox:before {
    background: #efefef29;
    transform: rotate(-8deg)
}
.serviceBox:hover:before {
    transform: rotate(22deg);
    top: 7em
}
.serviceBox:hover:after {
    background: #3568B2;
    transform: rotate(-205deg);
    top: 145px
}
.serviceBox .service-icon {
    font-size: 60px;
    color: #684f8e;
    line-height: 100px;
    margin-top: 10px
}
.serviceBox .service-content {
    color: #fff;
    line-height: 25px;
    margin-bottom: 0;
    margin-bottom: 20px
}
.serviceBox .title {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    color: #275271
}
.serviceBox .description {
    font-size: 16px;
    margin-top: 10px;
    width: 83%;
    padding: 0;
    text-align: center;
    display: block;
    color: #4e4c4c;
    margin: 0 auto;
    display: none
}
.serviceBox .read {
    display: block;
    width: 100%;
    background: #fff;
    font-size: 16px;
    font-weight: 600;
    color: #275271;
    padding: 8px;
    background: #fff;
    text-transform: uppercase;
    width: 65%;
    margin: 0 auto;
    position: relative;
    line-height: 30px
}
.serviceBox:hover .read {
    border-color: #034063;
    color: #034063
}
@media only screen and (max-width:990px) {
    .serviceBox {
        margin-bottom: 30px
    }
}
@media only screen and (max-width:767px) {
    .serviceBox:before,
    .serviceBox:after {
        top: 80px
    }
}
@media only screen and (max-width:480px) {
    .serviceBox:before,
    .serviceBox:after {
        top: 204px
    }
}
.port .page-title h2 {
    font-size: 31px;
    letter-spacing: 1px;
    text-align: center;
    color: #eaeaea;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 6em
}
.port .page-title h1 {
    font-size: 25px;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 400;
    line-height: 2;
    margin: 0;
    text-transform: capitalize
}
.service-icon img.img-responsive {
    text-align: center;
    height: auto;
    margin: auto;
    padding: 22px
}
.serviceBox .read:hover {
    background: #0b0f1a;
    color: #72cdff;
    box-shadow: -2px -2px 10px #8a8282;
    border-radius: 25px;
    border: 1px solid #66b7e5
}
#cssmenu>ul>li:before {
    content: '';
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background: #ffc722;
    position: absolute;
    transition: all 400ms;
    -webkit-transition: all 400ms
}
.port-co {
    padding-top: 30px;
    background: url(../images/white-wall-bg.jpg);
    background-size: 100%;
    margin: 0;
    float: left;
    width: 100%;
}
worklist {
    padding: 0;
    margin: 0;
    list-style: none
}
.worklist:before,
.worklist:after {
    content: "";
    display: table
}
.worklist:after {
    clear: both
}
.worklist li {
    width: 33.333333333%;
    float: left;
    margin: 0
}
.worklist li a {
    overflow: hidden;
    position: relative;
    display: block
}
.worklist li a>figure>.overlay-shed {
    position: absolute;
    background: rgba(0, 0, 0, .75);
    width: 104%;
    height: 104%;
    left: -2%;
    top: -2%;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transition: all 550ms cubic-bezier(.45, 1, .32, 1);
    -webkit-transition: all 550ms cubic-bezier(.45, 1, .32, 1);
    -o-transition: all 550ms cubic-bezier(.45, 1, .32, 1);
    -ms-transition: all 550ms cubic-bezier(.45, 1, .32, 1);
    transition: all 550ms cubic-bezier(.45, 1, .32, 1);
    z-index: 1
}
.worklist li a>figure>.overlay-shed:before {
    border: solid 2px rgb(255, 255, 255);
    content: '+';
    width: 46px;
    height: 46px;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    text-align: center;
    line-height: 49px;
    font-size: 40px;
    font-weight: 300;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    -moz-transition: all 550ms cubic-bezier(.45, 1, .32, 1);
    -webkit-transition: all 550ms cubic-bezier(.45, 1, .32, 1);
    -o-transition: all 550ms cubic-bezier(.45, 1, .32, 1);
    -ms-transition: all 550ms cubic-bezier(.45, 1, .32, 1);
    transition: all 550ms cubic-bezier(.45, 1, .32, 1);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(4) rotate(90deg);
    -ms-transform: scale(4) rotate(90deg);
    transform: scale(4) rotate(90deg)
}
.worklist li a:hover>figure>.overlay-shed {
    opacity: 1;
    filter: alpha(opacity=100)
}
.worklist li a:hover>figure>.overlay-shed:before {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 10;
    filter: alpha(opacity=100)
}
.worklist li a:hover .work-info {
    background: #525252;
}
.worklist li figure {
    position: relative;
    cursor: crosshair
}
.worklist li figure:after {
    -webkit-box-shadow: inset 0 0 120px rgba(0, 0, 0, .35);
    -moz-box-shadow: inset 0 0 120px rgba(0, 0, 0, .35);
    box-shadow: inset 0 0 120px rgba(0, 0, 0, .35);
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 1
}
.worklist li figure img {
    width: 100%;
    height: auto;
    padding-top: 3px
}
.worklist li a,
.worklist li a img {
    display: block;
    position: relative;
    -moz-transition: transform 550ms cubic-bezier(.45, 1, .32, 1);
    -webkit-transition: transform 550ms cubic-bezier(.45, 1, .32, 1);
    -o-transition: transform 550ms cubic-bezier(.45, 1, .32, 1);
    -ms-transition: transform 550ms cubic-bezier(.45, 1, .32, 1);
    transition: transform 550ms cubic-bezier(.45, 1, .32, 1);
    -moz-transition-duration: 2.5s;
    -webkit-transition-duration: 2.5s;
    transition-duration: 2.5s
}
.worklist li a img {
    -moz-transform: scale(1.015);
    -webkit-transform: scale(1.015);
    transform: scale(1.015)
}
.worklist li:hover a img {
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    -moz-transition-duration: 5s;
    -webkit-transition-duration: 5s;
    transition-duration: 5s;
    -moz-transition-delay: 350ms;
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms
}
.worklist li .work-info {
    background: #0b0f1a 0 0 repeat-y;
    padding: 20px 85px 20px 20px;
    position: relative;
    z-index: 3;
}
.worklist li .work-info .work-category {
    background-color: #333846;
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 100%;
    color: #ccc;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}
.worklist li .work-info .work-category>span {
    display: block;
    vertical-align: middle;
    width: 100%;
    height: 38px;
    top: 50%;
    margin-top: -28px;
    position: absolute
}
.worklist li .work-info .work-category>span:before {
    background: url(../images/icons/70-34.png) !important;
    width: 100%;
    height: 100%;
    content: '';
    margin-right: 0;
    display: inline-block;
    display: block;
    margin: 0 auto 5px;
    opacity: .7;
    filter: alpha(opacity=60)
}
@media (-webkit-min-device-pixel-ratio:2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (-moz-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:3 / 2),
only screen and (-o-min-device-pixel-ratio:2 / 1),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:2) {
    .worklist li .work-info .work-category>span:before {
        background-image: url(../../../www.pixlogix.com/wp-content/themes/pixlogix/images/bgi/sprites%402x.png);
        -webkit-background-size: 800px 650px;
        -moz-background-size: 800px 650px;
        background-size: 800px 650px
    }
}
.worklist li .work-info .work-category.app-design>span:before {
    background-position: -28px -388px
}
.worklist li .work-info .work-category.logo-design>span:before {
    background-position: -54px -388px
}
.worklist li .work-info .work-category.print-design>span:before {
    background-position: -80px -388px
}
.worklist li .work-info .work-category.illustration>span:before {
    background-position: -106px -388px
}
.worklist li .work-info h6 {
    font-family: 'Hind', Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 0 0 10px;
    font-weight: 600
}
.worklist li .work-info p {
    color: #9c9c9c;
    margin: 0;
    font-size: 16px
}
.award-infoblock {
    overflow: hidden;
    padding-bottom: 70px;
    background-size: cover;
    position: relative;
    background: #b4a586;
    background: -moz-linear-gradient(45deg, #b4a586 0%, #b4a48a 18%, #c4a15d 30%, #c6a45a 50%, #a8957f 76%, #c6a45a 91%, #c4a258 100%);
    background: -webkit-linear-gradient(45deg, #b4a586 0%, #b4a48a 18%, #c4a15d 30%, #c6a45a 50%, #a8957f 76%, #c6a45a 91%, #c4a258 100%);
    background: linear-gradient(45deg, #b4a586 0%, #b4a48a 18%, #c4a15d 30%, #c6a45a 50%, #a8957f 76%, #c6a45a 91%, #c4a258 100%)
}
.award-infoblock:before {
    position: absolute;
    background: -moz-radial-gradient(center, ellipse cover, #d8c08d 0%, rgba(216, 192, 141, 0) 64%);
    background: -webkit-radial-gradient(center, ellipse cover, #d8c08d 0%, rgba(216, 192, 141, 0) 64%);
    background: radial-gradient(ellipse at center, #d8c08d 0%, rgba(216, 192, 141, 0) 64%);
    max-width: 584px;
    width: 100%;
    height: 100%;
    content: '';
    margin: 0
}
@media only screen and (max-width:1440px) {
    body {
        min-width: 320px
    }
    
    img {
        width: auto;
        height: auto
    }
    
    .work-processbox .world-map:before {
        width: 140px
    }
    
    .team-tooltip-content {
        left: 40%
    }
    
    .worklist li {
        width: 33.333333333%
    }
    
    .worklist.home li:nth-child(7),
    .worklist.home li:nth-child(8) {
        display: none
    }
    
    .worklist li .work-info p {
        font-size: 14px;
    }
    
    .worklist li .work-info h6 {
        font-size: 18px;
        margin-bottom: 5px
    }
}
.our-companies .webdesign_process_head h4 span {
    font-size: 18px;
    width: 100%;
    float: left
}
.our-companies .webdesign_process_head h4.wow.bounceOutLeft {
    font-size: 28px;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 10px;
    width: 100%
}
.our-companies .webdesign_process_head h4 b {
    color: #3568B2
}
span.wrap.wow.rollIn.animated {
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 14px
}
.wrap2 span.wrap.wow.rollIn {
    float: left;
    width: 100%
}
#co-work {
    padding: 0;
    float: left;
    background-color: #f6f6f6;
    width: 100%;
}
#features {
    padding: 40px 0;
    float: left;
    width: 100%;
    background: #fff
}
.feature-image {
    position: relative;
    width: 100%;
    margin-top: 9px
}
.feature-image:after {
    content: '';
    width: 120px;
    right: -17px;
    top: 46%;
    margin-top: 8px;
    height: 1px;
    background: #cecece;
    position: absolute;
    z-index: -1
}
.feature-wrapper {
    position: relative
}
.feature-wrapper:before {
    content: '';
    width: 1px;
    top: 0;
    bottom: 0;
    height: 100%;
    background: #cecece;
    position: absolute;
    left: -14px;
    z-index: 1
}
.feature-wrapper:after {
    content: "";
    background: #1963b6;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50.5%;
    left: -17.5px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, .09);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .09);
    z-index: 3
}
.feature-content-wrapper {
    position: relative;
    padding: 10px 0
}
.feature-content-wrapper h2 {
    font-size: 24px;
    font-weight: 500;
    margin-top: 0
}
.feature-content-wrapper:before {
    content: "";
    background: #1a64b6;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 0;
    left: -17.5px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, .09);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .09);
    z-index: 3
}
.feature-content-wrapper:after {
    content: "";
    background: #1a64b6;
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: 0;
    left: -17.5px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, .09);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .09);
    z-index: 3
}
.feature-box .feature-icon {
    text-align: center!important;
    padding: 20px 0 0;
    font-size: 18px
}
.feature-box .feature-icon i {
    color: #1a64b6;
    font-size: 36px
}
.feature-box .feature-icon i {
    font-size: 48px;
    top: -4px;
    float: left;
    margin-top: -21px;
    margin-left: -5px
}
.feature-box h3 {
    font-size: 16px;
    font-weight: 700
}
.feature-box .feature-box-content {
    margin-left: 60px
}
.featured-tab {
    background: #f2f2f2;
    border: 1px solid #d7d7d7;
    padding: 40px 30px;
    border-radius: 2px
}
.featured-tab .nav-tabs {
    border-bottom: 0
}
.featured-tab .nav-tabs>li.active>a {
    color: #fff;
    background: #eb2c33
}
.featured-tab .nav-tabs>li.active>a:after {
    left: 100%;
    border: transparent solid;
    content: " ";
    position: absolute;
    border-width: 40px;
    top: 50%;
    border-left-color: #E22128;
    margin-top: -40px
}
.featured-tab .nav-tabs>li>a {
    border-radius: 4px 0 0 4px;
    padding: 20px 15px 8px;
    color: #858585;
    position: relative;
    border: 0!important
}
.featured-tab .nav-tabs>li.active>a {
    color: #fff!important
}
.featured-tab .tab-icon {
    font-size: 34px
}
.featured-tab .tab-info {
    margin-left: 50px
}
.featured-tab .tab-info h3 {
    font-size: 20px;
    line-height: normal;
    margin: 0
}
.featured-tab .tab-pane img.pull-left {
    margin: 0 25px 10px 0
}
.featured-tab .tab-pane img.pull-right {
    margin: 0 0 10px 25px
}
.featured-tab .tab-pane h3 {
    margin: 0;
    line-height: normal;
    color: #eb2c33
}
.featured-tab .tab-pane h4 {
    line-height: normal;
    margin: 0 0 20px;
    font-weight: 300
}
.featured-tab .tab-pane {
    padding-left: 25px
}
.featured-tab .tab-pane a.read-more {
    color: #eb2c33
}
#responsive {
    margin: 30px 30px;
    width: 100%
}
.tch {
    margin: 0;
    padding: 0;
    width: 100%
}
.feature-box .feature-icon i.fa.fa-mobile-phone {
    margin-left: 4px
}
.tch img.img-responsive {
    float: left;
    width: 28%;
    margin-left: 17px;
    margin-top: 15px
}
.tech {
    margin-top: 30px
}
.back-to-top.reveal {
    cursor: pointer;
    top: 90%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    opacity: 30;
    filter: alpha(opacity=3000);
    z-index: 999999999
}
.back-to-top.reveal:focus,
.back-to-top.reveal:active,
.back-to-top.reveal:hover {
    background-color: #24252a;
    opacity: 100;
    filter: alpha(opacity=10000)
}
.back-to-top {
    position: fixed;
    z-index: 1000;
    /*right: 25px;*/
    /*bottom: 15px;*/
    right:5%;
    bottom:5%;
    width: 40px;
    top: 600px;
    height: 40px;
    margin: 0;
    background-color: #0b0f1a;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 350ms;
    -o-transition: opacity 350ms;
    transition: opacity 350ms;
    z-index: 0;
    border-radius: 100%;
    border: 2px solid #339ed9
}
.back-to-top i {
    position: absolute;
    top: 50%;
    left: 35%;
    margin-top: -15px;
    margin-left: -3px;
    color: #fff
}
.addTxt {
    padding: 0;
    margin: 0;
    width: 70%;
    margin: 0 auto
}
.contact-info-section {
    position: relative;
    padding: 80px 0 10px
}
.contact-info-section .column {
    position: relative;
    margin-bottom: 50px
}
.contact-info-section .info-box {
    position: relative;
    background: url(../images/conatct-info.html);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 54px 0;
    text-align: center
}
.contact-info-section .info-box:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(253, 228, 40, .88)
}
.contact-info-section .info-box h3 {
    position: relative;
    color: #222;
    font-size: 21px;
    font-weight: 600
}
.contact-info-section .info-box .text {
    position: relative;
    color: #333;
    font-weight: 400;
    font-size: 15px;
    margin-top: 10px;
    font-family: 'Roboto', sans-serif
}
.contact-info-section .info-box .icon-box {
    position: absolute;
    left: 50%;
    top: -30px;
    width: 68px;
    height: 58px;
    line-height: 54px;
    text-align: center;
    margin-left: -34px;
    background: url(../images/icons/service-icon-1-bg.html);
    background-repeat: no-repeat
}
.contact-info-section .info-box .icon-box span {
    color: #fff;
    font-size: 20px
}
.col-md-4.col-sm-8.wow.bounceInLeft.e-coom {
    margin-left: 20%
}
.owl-dots {
    display: none
}
.home-demo {
    padding-top: 26px
}
.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    border: 1px solid #d2d2d2
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    width: auto;
    margin-left: 1px
}
.sectionContainer1 img {
    margin-top: 30px
}
.home-demo img {
    padding: 8px;
}
#features .col-md-2.col-sm-8.wow.bounceInDown {
    margin-right: 28px;
    margin-left: 10px
}
.navbar-fixed-top #cssmenu>ul>li>a:hover {
    color: #3568B2!important;
    background: #fff;
    padding-bottom: -3px;
    line-height: 1.5 !important;
}
#features .we-service {
    margin: 0 auto
}
#features .col-md-2.col-sm-8.wow.bounceInDown {
    margin-right: 28px;
    margin-left: 13px;
    padding-left: 4px
}
.text-section p {
    text-align: justify
}
.vc_vc_column>*,
.vc_vc_column_inner>*,
.wpb_column>* {
    background-clip: border-box
}
.last_toggle_el_margin,
.sm_content_element,
.sm_row,
ul.sm_thumbnails-fluid>li {
    margin-bottom: 35px;
    width: 90%;
    margin: auto;
    padding-bottom: 30px
}
as_webclues2.css:52 .last_toggle_el_margin,
.sm_content_element,
.sm_row,
ul.sm_thumbnails-fluid>li {
    margin-bottom: 35px
}
p:first-child {
    margin-top: 0
}
as_webclues.css:3343 .left-testimonial p {
    font-family: Cabin-Regular;
    margin: 0;
    font-size: 18px
}
.vc_icon_element.vc_icon_element-outer.vc_icon_element-align-center {
    text-align: center
}
js_composer.min.css:1 .vc_icon_element.vc_icon_element-outer {
    box-sizing: border-box;
    text-align: center
}
as_webclues.css:3348 .left-testimonial .icon-left-testimonial {
    margin-bottom: 20px
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl {
    max-width: 100%!important;
    line-height: 5em!important
}
js_composer.min.css:1 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
    text-align: center;
    display: inline-block;
    border: 2px solid transparent;
    width: 4em;
    height: 4em;
    box-sizing: content-box;
    position: relative
}
as_webclues.css:3363 .icon-left-testimonial .vc_icon_element-inner {
    background-color: #222c36!important;
    height: 125px!important;
    width: 175px!important;
    border-radius: 10px
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-xl .vc_icon_element-icon {
    font-size: 5em!important
}
js_composer.min.css:1 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon {
    font-size: 2.15em;
    font-style: normal;
    font-weight: 400;
    line-height: 1!important;
    font-size-adjust: none;
    font-stretch: normal;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    -webkit-font-language-override: normal;
    font-language-override: normal;
    -webkit-font-kerning: auto;
    font-kerning: auto;
    font-synthesis: weight style;
    font-variant: normal;
    text-rendering: auto;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon:before {
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    width: inherit;
    height: inherit;
    font-size: 1em;
    text-align: center;
    text-rendering: optimizelegibility
}
font-awesome.min.css:4 .fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b"
}
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_gitem-link,
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-link {
    display: block;
    position: absolute;
    top: 0;
    box-sizing: content-box;
    border: none
}
as_webclues.css:3351 .left-testimonial a {
    color: #6e6e6e
}
p:first-child {
    margin-top: 0
}
as_webclues.css:3343 .left-testimonial p {
    font-family: Cabin-Regular;
    margin: 0;
    font-size: 18px
}
.vc_row.vc_row-no-padding .vc_row.vc_inner {
    margin-left: 0;
    margin-right: 0
}
.vc_row.vc_row-no-padding .vc_row.vc_inner {
    margin-left: 0;
    margin-right: 0
}
.vc_row .vc_vc_column .wpb_column,
.vc_row .vc_vc_column_inner .wpb_column,
.vc_row.vc_row-no-padding .vc_vc_column,
.vc_row.vc_row-no-padding .vc_vc_column_inner,
.vc_row.vc_row-no-padding .wpb_column {
    padding-left: 0;
    padding-right: 0
}
.vc_vc_column>*,
.vc_vc_column_inner>*,
.wpb_column>* {
    background-clip: border-box
}
.vc_vc_column>*,
.vc_vc_column_inner>*,
.wpb_column>* {
    background-clip: border-box
}
.col-md-6.right-cont {
    background: #fff;
    padding-top: 10px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
}
.wpb_column.vc_column_container.vc_col-sm-4.sm-border-box {
    background: #0000;
    width: auto;
    display: inline-block;
    margin: auto;
    margin-left: 11pxm;
    float: left;
    width: 50%;
    padding-left: 0
}
.col-md-6.testi {
    background-image: url(../images/bg/bg2.jpg);
    background-size: cover;
    background-attachment: fixed;
    background: url(../images/bg/bg2.jpg);
    background-size: cover;
    background-attachment: fixed
}
.sm_column_text.sm_content_element .sm_wrapper h1 {
    font-size: 22px;
    font-weight: 600;
    color: #54575f;
    text-align: left;
    text-transform: capitalize
}
.sm_column_text.sm_content_element .sm_wrapper p {
    font-size: 18px
}
.sm_wrapper p {
    font-size: 14px!important
}
.left-testimonial .wpb_wrapper {
    m animation: ;
    margin: auto
}
.group-title {
    font-family: "Montserrat", sans-serif;
    position: relative
}
.group-title .line-diamond {
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: #c32026;
    position: absolute;
    top: -2px;
    left: 100px
}
.group-title .line-diamond:after {
    content: '';
    position: absolute;
    left: -7px;
    top: 7px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #c32026
}
.group-title .line-diamond span {
    width: 143px;
    height: 1px;
    background-color: #1e1e25;
    position: absolute;
    top: 7px;
    left: -150px
}
.group-title .mute-title {
    color: #d7d8da;
    font-size: 90px;
    font-weight: 700;
    opacity: .25;
    text-transform: uppercase;
    transform: rotate(90deg);
    transform-origin: 0 0;
    margin: 0;
    position: absolute;
    top: -30px
}
.group-title .main-title {
    color: #1e1e25;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 30px
}
.group-title .main-title span {
    color: #3568B2
}
.group-title.group-title-1 {
    text-align: left
}
.group-title.group-title-1 .main-title {
    text-align: center;
    margin-top: 0;
    margin-bottom: 50px;
    display: inline-block;
    position: relative
}
.group-title.group-title-1 .main-title:after {
    content: "";
    width: 125px;
    height: 1px;
    background-color: #1e1e25;
    position: absolute;
    bottom: 15px;
    left: -150px
}
.group-title.group-title-1 .main-title .dot {
    width: 10px;
    height: 10px;
    border: 1px solid #3568B2;
    background-color: #3568B2;
    transform: rotate(45deg) translate(100%, 100%);
    transform-origin: 100% 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: -42px;
    z-index: 1
}
.group-title.group-title-1 .main-title .mute-title {
    color: #d7d8da;
    font-size: 90px;
    font-weight: 700;
    opacity: .25;
    text-transform: uppercase;
    -webkit-transform: rotate(90deg) translate(100%, 100%);
    transform: rotate(90deg) translate(0, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    margin: 0;
    text-align: left;
    top: -65px;
    left: -68px;
    width: 100%;
    white-space: nowrap
}
.group-title.group-title-1.bg-primary .main-title:after {
    background-color: #fff
}
.group-title.group-title-1.bg-secondary .main-title:after {
    background-color: #fff
}
.group-title.group-title-1.bg-secondary .main-title .mute-title {
    opacity: .1
}
.group-title.group-title-1.group-heading .main-title {
    margin-bottom: 10px
}
.group-title.group-title-1.group-heading .main-title .mute-title {
    top: -115px
}
.group-title.group-title-1.group-heading .breadcrumb {
    background-color: transparent;
    margin-bottom: 0;
    padding: 0;
    border-radius: 0
}
.group-title.group-title-1.group-heading .breadcrumb>li + li:before {
    padding: 0 5px;
    color: #69697a;
    font-family: "Fontawesome";
    content: "\f105"
}
.group-title.group-title-1.group-heading .breadcrumb>li {
    font-family: "Roboto", sans-serif
}
.group-title.group-title-1.group-heading .breadcrumb>li a {
    color: #69697a
}
.group-title.group-title-1.group-heading .breadcrumb>li a:hover {
    color: #c32026
}
.group-title.group-title-1.group-heading .breadcrumb>.active {
    color: #1e1e25
}
.group-title.group-title-2 {
    text-align: right
}
.group-title.group-title-2 .main-title {
    text-align: center;
    margin-top: 0;
    margin-bottom: 50px;
    display: inline-block;
    position: relative
}
.group-title.group-title-2 .main-title:after {
    content: "";
    width: 125px;
    height: 1px;
    background-color: #1e1e25;
    position: absolute;
    bottom: 15px;
    right: -150px
}
.group-title.group-title-2 .main-title .dot {
    width: 10px;
    height: 10px;
    border: 1px solid #c32026;
    background-color: #c32026;
    transform: rotate(45deg) translate(100%, 100%);
    transform-origin: 100% 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    right: -32px;
    z-index: 1
}
.group-title.group-title-2 .main-title .mute-title {
    color: #d7d8da;
    font-size: 90px;
    font-weight: 700;
    opacity: .25;
    text-transform: uppercase;
    -webkit-transform: rotate(90deg) translate(100%, 100%);
    transform: rotate(90deg) translate(100%, 100%);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    margin: 0;
    text-align: left;
    top: -155px;
    right: -168px;
    width: 100%;
    white-space: nowrap
}
.group-title.group-title-2.bg-primary {
    background-color: transparent
}
.group-title.group-title-2.bg-primary .main-title .dot {
    border: 1px solid #1e1e25;
    background-color: #1e1e25
}
.group-title.group-title-2.bg-primary .main-title:after {
    background-color: #fff
}
.group-title.group-title-2.bg-secondary .main-title:after {
    background-color: #fff
}
.group-title.group-title-3 {
    text-align: right;
    display: table;
    width: 100%
}
.group-title.group-title-3 .main-title {
    margin: 0
}
.group-title.group-title-3 .main-title span {
    display: block
}
.group-title.group-title-3 .main-title:after {
    content: "";
    width: 380px;
    height: 1px;
    background-color: #1e1e25;
    position: absolute;
    bottom: 0;
    left: -9px
}
.group-title.group-title-3 .main-title .dot {
    width: 10px;
    height: 10px;
    border: 1px solid #ad1c22;
    background-color: #ad1c22;
    transform: rotate(45deg) translate(100%, 100%);
    transform-origin: 100% 100%;
    display: inline-block;
    position: absolute;
    bottom: 8px;
    left: -26px
}
.group-title.group-title-3 .main-title .mute-title {
    color: #fff;
    text-transform: uppercase;
    -webkit-transform: rotate(90deg) translate(0, 100%);
    transform: rotate(90deg) translate(0, 100%);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    margin: 0;
    text-align: left;
    top: -202px;
    left: -633px;
    width: 100%;
    white-space: nowrap
}
.group-title.group-title-4 {
    text-align: center
}
.group-title.group-title-4 .main-title {
    text-transform: capitalize;
    text-align: center;
    margin-top: 0;
    margin-bottom: 50px;
    padding-left: 25px;
    padding-top: 100px;
    display: inline-block;
    position: relative
}
.group-title.group-title-4 .main-title:after {
    content: "";
    width: 1px;
    height: 500px;
    background-color: #fff;
    position: absolute;
    bottom: 23px;
    left: 5px
}
.group-title.group-title-4 .main-title .dot {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    background-color: transparent;
    transform: rotate(45deg) translate(100%, 100%);
    transform-origin: 100% 100%;
    display: inline-block;
    position: absolute;
    bottom: 23px;
    left: -4px
}
.what-we-do {
    position: relative;
    background: #fff;
    width: 100%;
    float: left
}
.what-we-do .box-content {
    width: 40%
}
.what-we-do .box-content-right {
    padding-left: 0;
    float: right;
    display: block
}
.what-we-do .box-content-right .box-img {
    padding: 0;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    top: 0;
    height: 100%;
    background: #9E51A0;
}
.what-we-do .group-title .main-title {
    margin-bottom: 0
}
.what-we-do.layout-1 .box-content-wrap .box-content-left {
    width: 30%;
    position: absolute;
    right: 0;
    bottom: 0
}
.group-title.group-title-1 .main-title .mute-title {
    color: gray;
    font-size: 52px;
    font-weight: 600;
    opacity: .25;
    text-transform: uppercase;
    -webkit-transform: rotate(90deg) translate(100%, 100%);
    transform: rotate(-90deg) translate(0, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    margin: 0;
    text-align: left;
    top: 5.8em;
    left: -53px;
    width: 100%;
    white-space: nowrap;
}
.group-title.group-title-1.bg-primary .main-title:after {
    background-color: #fff
}
.group-title.group-title-1.bg-secondary .main-title:after {
    background-color: #fff
}
.group-title.group-title-1.bg-secondary .main-title .mute-title {
    opacity: .1
}
.group-title.group-title-1.group-heading .main-title {
    margin-bottom: 10px
}
.group-title.group-title-1.group-heading .main-title .mute-title {
    top: -115px
}
.group-title.group-title-1.group-heading .breadcrumb {
    background-color: transparent;
    margin-bottom: 0;
    padding: 0;
    border-radius: 0
}
.group-title.group-title-1.group-heading .breadcrumb>li + li:before {
    padding: 0 5px;
    color: #69697a;
    font-family: "Fontawesome";
    content: "\f105"
}
.group-title.group-title-1.group-heading .breadcrumb>li {
    font-family: "Roboto", sans-serif
}
.group-title.group-title-1.group-heading .breadcrumb>li a {
    color: #69697a
}
.group-title.group-title-1.group-heading .breadcrumb>li a:hover {
    color: #c32026
}
.group-title.group-title-1.group-heading .breadcrumb>.active {
    color: #1e1e25
}
.group-title.group-title-2 {
    text-align: right
}
.group-title.group-title-2 .main-title {
    text-align: center;
    margin-top: 0;
    margin-bottom: 50px;
    display: inline-block;
    position: relative
}
.group-title.group-title-2 .main-title:after {
    content: "";
    width: 125px;
    height: 1px;
    background-color: #1e1e25;
    position: absolute;
    bottom: 15px;
    right: -150px
}
.group-title.group-title-2 .main-title .dot {
    width: 10px;
    height: 10px;
    border: 1px solid #c32026;
    background-color: #c32026;
    transform: rotate(45deg) translate(100%, 100%);
    transform-origin: 100% 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    right: -32px;
    z-index: 1
}
.group-title.group-title-2 .main-title .mute-title {
    color: #d7d8da;
    font-size: 90px;
    font-weight: 700;
    opacity: .25;
    text-transform: uppercase;
    -webkit-transform: rotate(90deg) translate(100%, 100%);
    transform: rotate(90deg) translate(100%, 100%);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    margin: 0;
    text-align: left;
    top: -155px;
    right: -168px;
    width: 100%;
    white-space: nowrap
}
.group-title.group-title-2.bg-primary {
    background-color: transparent
}
.group-title.group-title-2.bg-primary .main-title .dot {
    border: 1px solid #1e1e25;
    background-color: #1e1e25
}
.group-title.group-title-2.bg-primary .main-title:after {
    background-color: #fff
}
.group-title.group-title-2.bg-secondary .main-title:after {
    background-color: #fff
}
.group-title.group-title-3 {
    text-align: right;
    display: table;
    width: 100%
}
.group-title.group-title-3 .main-title {
    margin: 0
}
.group-title.group-title-3 .main-title span {
    display: block
}
.group-title.group-title-3 .main-title:after {
    content: "";
    width: 380px;
    height: 1px;
    background-color: #1e1e25;
    position: absolute;
    bottom: 0;
    left: -9px
}
.group-title.group-title-3 .main-title .dot {
    width: 10px;
    height: 10px;
    border: 1px solid #ad1c22;
    background-color: #ad1c22;
    transform: rotate(45deg) translate(100%, 100%);
    transform-origin: 100% 100%;
    display: inline-block;
    position: absolute;
    bottom: 8px;
    left: -26px
}
.what-we-do.layout-1 .box-content-wrap .box-content-left img {
    display: inline-block
}
.what-we-do.layout-1 .what-we-do-wrapper {
    margin-bottom: -40px;
    width: 100%;
    float: left;
    padding: 20px;
    margin-bottom: 0
}
.what-we-do.layout-2 .box-content-wrap .box-content-left {
    width: 30%;
    position: absolute;
    left: -50px;
    bottom: 0
}
.what-we-do.layout-2 .box-content-wrap .box-content-left img {
    display: inline-block
}
.what-we-do.layout-2 .group-list {
    margin-bottom: -40px
}
.what-we-do.layout-3 .box-content {
    position: absolute;
    left: -60px;
    bottom: 0;
    width: 20%
}
.what-we-do.layout-3 .box-content .box-img {
    padding: 0;
    position: relative
}
.what-we-do.layout-4 .what-we-do-wrapper {
    margin-bottom: -45px
}
.what-we-do.layout-5 .what-we-do-wrapper {
    margin-bottom: -30px
}
.what-we-do.layout-6 {
    overflow: initial
}
.what-we-do.layout-6 .box-content-wrap .box-media {
    margin-bottom: 45px
}
.what-we-do.layout-6 .group-list {
    margin-bottom: -45px
}
.what-we-do.layout-7 .box-content-wrap .box-media {
    margin-bottom: 30px
}
.what-we-do.layout-7 .group-list {
    margin-bottom: -30px
}
box-item {
    text-align: center
}
.box-item .box-icon {
    color: #fff;
    font-size: 1.786em;
    margin-bottom: 20px
}
.box-item .box-info {
    color: #1e1e25
}
.box-item .box-info .number {
    font-family: "Montserrat", sans-serif;
    font-size: 1.786em;
    font-weight: 700;
    margin-bottom: 5px
}
.box-item .box-info .title {
    font-size: 1em
}
.box-item .box-heading {
    font-family: "Montserrat", sans-serif;
    font-size: 1.429em;
    font-weight: 700;
    color: #1e1e25;
    text-transform: capitalize;
    margin-bottom: 30px
}
.box-item.box-item-1 {
    text-align: left
}
.box-item.box-item-1 .box-info>.text {
    text-align: left;
    margin-bottom: 15px;
    color: #545461
}
.box-item.box-item-2 {
    text-align: left;
    display: table;
    margin-bottom: 50px
}
.box-item.box-item-2 .box-icon {
    display: table-cell;
    font-size: 1.286em;
    vertical-align: top;
    padding-right: 15px
}
.box-item.box-item-2 .box-info {
    display: table-cell;
    vertical-align: top
}
.box-item.box-item-2 .box-info .title {
    font-size: 1.286em;
    color: #1e1e25;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px
}
.box-item.box-item-2 .box-info>.text {
    text-align: left;
    color: #ffdedf
}
.box-media {
    border: 1px solid #d2cece70;
    text-align: center;
    margin-bottom: 0;
    background: #fff;
    padding: 14px;
    border-right: 0;
    border-top: 0
}
.box-media .box-icon {
    margin-bottom: 20px
}
.box-media .box-icon .number {
    font-family: "Montserrat", sans-serif;
    font-size: 2.857em;
    font-weight: 700;
    color: #ececec;
    transform: rotate(-90deg);
    position: absolute;
    top: 10px;
    left: 0
}
.box-media .box-icon .icons {
    position: relative;
    display: inline-block;
    font-size: 2.5em;
    color: #1e1e25;
    border: 1px solid #eaeaeabf;
    padding: 10px;
    border-right: 0;
    border-bottom: 0
}
.box-media .box-icon .icon-1:before,
.box-media .box-icon .icon-1:after {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    opacity: 0;
    position: absolute;
    content: '';
    left: -30px;
    top: 50%;
    background-color: #c32026;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: left 0.3s, right 0.3s, opacity 0.3s;
    width: 80%;
    height: 40px;
    z-index: -1
}
.box-media .box-icon .icon-1:after {
    left: auto;
    right: -30px
}
.box-media .box-icon .icon-2:before {
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transition: transform 0.3s, -webkit-transform 0.3s;
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    position: absolute;
    content: '';
    left: -10px;
    right: -10px;
    top: -5px;
    bottom: -10px;
    border-left: 1px solid #3568B2;
    border-bottom: 1px solid #3568B2
}
.box-media .box-icon .title {
    font-family: "Montserrat", sans-serif;
    font-size: 1em;
    font-weight: 700;
    color: #1e1e25;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px
}
.box-media .box-icon .title:hover {
    color: #c32026
}
.box-media .box-info .title {
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #275271;
    display: inline-block;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: center;
    width: 100%
}
.box-media .box-info .title:hover {
    color: #3568B2
}
.box-media:hover .box-icon .number {
    color: #fff
}
.box-media:hover .box-icon .icon-1 i {
    color: #fff;
    position: relative;
    z-index: 1
}
.box-media:hover .box-icon .icon-1:before {
    opacity: 1;
    left: -5px
}
.box-media:hover .box-icon .icon-1:after {
    opacity: 1;
    right: -5px
}
.box-media:hover .box-icon .icon-2 i {
    color: #c32026
}
.box-media:hover .box-icon .icon-2:before {
    transform: scale(1)
}
.box-media.layout-2 {
    text-align: left
}
.box-media.layout-2 .box-icon {
    padding-left: 40px
}
.box-media.layout-2 .box-info {
    padding-left: 40px
}
.box-media.layout-3 {
    border: 1px solid #e5e5e5;
    display: table;
    width: 100%;
    margin-bottom: 0;
    position: relative;
    transition: border 0.3s ease
}
.box-media.layout-3:hover {
    border-color: transparent
}
.box-media.layout-3:hover:before {
    width: 100px
}
.box-media.layout-3:hover:after {
    height: 100px
}
.box-media.layout-3:hover .box-media-wrapper:before {
    width: 100px
}
.box-media.layout-3:hover .box-media-wrapper:after {
    height: 100px
}
.box-media.layout-3:hover .box-icon {
    margin-bottom: 10px
}
.box-media.layout-3:hover .icons {
    font-size: 30px
}
.box-media.layout-3:hover .box-info {
    height: 102px
}
.box-media.layout-3:hover .box-info .text {
    animation: fadeInUp 0.3s;
    -webkit-animation: fadeInUp 0.3s;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    display: block
}
.box-media.layout-3:before {
    content: '';
    width: 0;
    height: 2px;
    background-color: #c32026;
    position: absolute;
    top: -1px;
    left: 0;
    transition: all 0.3s ease
}
.box-media.layout-3:after {
    content: '';
    width: 2px;
    height: 0;
    background-color: #c32026;
    position: absolute;
    top: 0;
    left: -1px;
    transition: all 0.3s ease
}
.box-media.layout-3 .icons {
    font-size: 50px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease
}
.box-media.layout-3 .box-media-wrapper {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 0 15px
}
.box-media.layout-3 .box-media-wrapper:before {
    content: '';
    width: 0;
    height: 2px;
    background-color: #c32026;
    position: absolute;
    bottom: -1px;
    right: 0;
    transition: all 0.3s ease
}
.box-media.layout-3 .box-media-wrapper:after {
    content: '';
    width: 2px;
    height: 0;
    background-color: #c32026;
    position: absolute;
    bottom: 0;
    right: -1px;
    transition: all 0.3s ease
}
.box-media.layout-3 .box-icon {
    transition: margin 0.5s;
    -webkit-transition: margin 0.5s;
    -moz-transition: margin 0.5s;
    -o-transition: margin 0.5s
}
.box-media.layout-3 .box-info {
    height: 33px;
    overflow: hidden;
    transition: height 0.5s;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -o-transition: height 0.5s
}
.box-media.layout-3 .box-info .text {
    display: none;
    max-height: 69px;
    overflow: hidden
}
.box-media.layout-4 {
    border: 1px solid #f1f1f1;
    padding: 0 30px 30px;
    margin-top: 20px;
    margin-bottom: 45px
}
.box-media.layout-4 .box-icon {
    position: relative;
    display: inline-block;
    margin-top: -20px;
    margin-bottom: 10px;
    padding: 0 65px;
    background-color: #fff
}
.box-media.layout-4 .box-icon .icons {
    position: relative;
    display: inline-block;
    font-size: 2.5em;
    color: #1e1e25
}
.box-media.layout-5 {
    position: relative;
    border: 1px solid #f1f1f1;
    padding: 50px 30px;
    margin-bottom: 30px;
    transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -o-transition: border-color 0.3s
}
.box-media.layout-5 .box-icon {
    border: 0;
    background-color: transparent
}
.box-media.layout-5 .box-icon .icons {
    position: static
}
.box-media.layout-5 .box-info .title:hover {
    color: #00acee
}
.box-media.layout-5:before {
    content: '';
    width: 0;
    height: 2px;
    background-color: #00acee;
    position: absolute;
    top: -1px;
    left: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s
}
.box-media.layout-5:after {
    content: '';
    width: 2px;
    height: 0;
    background-color: #00acee;
    position: absolute;
    top: 0;
    left: -1px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s
}
.box-media.layout-5 .box-info:before {
    content: '';
    width: 0;
    height: 2px;
    background-color: #00acee;
    position: absolute;
    bottom: -1px;
    right: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s
}
.box-media.layout-5 .box-info:after {
    content: '';
    width: 2px;
    height: 0;
    background-color: #00acee;
    position: absolute;
    bottom: 0;
    right: -1px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s
}
.box-media.layout-5:hover {
    border-color: transparent
}
.box-media.layout-5:hover .box-icon .icons:before {
    display: none
}
.box-media.layout-5:hover:before {
    width: 100px
}
.box-media.layout-5:hover:after {
    height: 100px
}
.box-media.layout-5:hover .box-info:before {
    width: 100px
}
.box-media.layout-5:hover .box-info:after {
    height: 100px
}
.box-media.layout-6 {
    text-align: left
}
.box-media.layout-6 .box-icon {
    padding-left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}
.box-media.layout-6 .box-icon .number {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative;
    display: inline-block;
    font-size: 48px
}
.box-media.layout-6 .box-img {
    padding: 0 8px 8px 0;
    box-shadow: inset -3px 0 0 0 #000;
    position: relative;
    overflow: hidden;
    display: block;
    z-index: 0
}
.box-media.layout-6 .box-img:after {
    content: '';
    position: absolute;
    width: 40%;
    border-bottom: 3px solid #000;
    bottom: 0;
    right: -3px;
    z-index: -1
}
.box-media.layout-6 .box-img img {
    width: 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease
}
.box-media.layout-6 .box-content {
    width: 100%
}
.box-media.layout-6 .box-group-info {
    margin: 25px 0 0
}
ss .box-media.layout-6:hover .box-img img {
    transform: scale(1.1);
    transition: 0.3s ease
}
.box-media.layout-7 {
    position: relative;
    overflow: hidden;
    height: auto!important;
    border: 1px solid #e7e7f4;
    padding: 45px 20px
}
.box-media.layout-7:before,
.box-media.layout-7:after {
    background-color: #67608a
}
.box-media.layout-7:hover {
    border-color: transparent
}
.box-media.layout-7:hover a.btn.btn-start {
    display: inline-block;
    animation: fadeIn 0.5s;
    -webkit-animation: fadeIn 0.5s
}
.box-media.layout-7:hover .box-info .text {
    transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%)
}
.box-media.layout-7:hover:before {
    width: 100px
}
.box-media.layout-7:hover:after {
    height: 100px
}
.box-media.layout-7:hover .box-media-wrapper:before {
    width: 100px
}
.box-media.layout-7:hover .box-media-wrapper:after {
    height: 100px
}
.box-media.layout-7 .box-media-wrapper:before {
    content: '';
    width: 0;
    height: 2px;
    background-color: #c32026;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.3s ease
}
.box-media.layout-7 .box-media-wrapper:after {
    content: '';
    width: 2px;
    height: 0;
    background-color: #c32026;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: all 0.3s ease
}
.box-media.layout-7 .box-icon .icons {
    font-size: 4.643em
}
.box-media.layout-7 .box-info .text {
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -o-transition: transform 0.5s
}
.box-media.layout-7 .box-info .title:hover {
    color: #67608a
}
.box-media.layout-7 .btn.btn-start {
    display: none;
    padding: 0 40px;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #67608a;
    border: 1px solid #67608a;
    color: #fff;
    line-height: 33px;
    margin-top: 45px;
    position: absolute;
    top: auto;
    left: 50%;
    overflow: hidden;
    transform: translateZ(0) translateX(-50%);
    -webkit-transform: translateZ(0) translateX(-50%);
    -moz-transform: translateZ(0) translateX(-50%);
    -ms-transform: translateZ(0) translateX(-50%);
    -o-transform: translateZ(0) translateX(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}
.box-media.layout-7 .btn.btn-start:before {
    content: '';
    position: absolute;
    width: 150%;
    height: 0;
    top: 50%;
    left: 50%;
    z-index: -1;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    transition: height 0.5s;
    -webkit-transition: height 0.5s;
    -o-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -webkit-backface-visibility: hidden
}
.box-media.layout-7 .btn.btn-start:hover {
    background-color: #fff;
    color: #67608a
}
.box-media.layout-7 .btn.btn-start:hover:before {
    height: 500%
}
.box-media.layout-7:before {
    content: '';
    width: 0;
    height: 2px;
    background-color: #c32026;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease
}
.box-media.layout-7:after {
    content: '';
    width: 2px;
    height: 0;
    background-color: #c32026;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease
}
.client-item {
    position: relative;
    display: table;
    padding-top: 40px
}
.what-we-do .box-content-right .box-img .hm-right {
    top: 22%;
    float: right;
    bottom: 0;
    position: relative;
    right: 0;
    bottom: 0;
    width: 80%
}
img {
    transform: none;
    -webkit-transform: none
}
section.People {
    width: 100%;
    float: left;
    padding-top: 50px;
}
.contact_area {
    background: url(../images/bg/bgall-blu.png);
    width: 100%;
    float: left;
    background-size: 100%
}
.contact_area .contact_left_side {
    width: 80%;
    margin: auto
}
.contact_area .contact_left_side .contact_inner {
    max-width: 100%;
    padding-right: 0;
    float: left;
    padding: 0;
    color: white;
    margin: 0;
    padding-top: 12px
}
.contact_area .contact_right_side {
    width: 100%;
    float: right;
    overflow: hidden
}
.contact_area .contact_right_side .contact_r_image {
    position: relative
}
.request_contact .form-group {
    margin-bottom: 13px
}
.request_contact .form-group:last-child {
    margin-top: 0;
    margin-bottom: 20px;
}
.request_contact .form-group input {
    border: none;
    background: #0b0f1a !important;
    border-radius: 0;
    height: 42px;
    padding: 0 20px;
    outline: none;
    font-family: "Lato", sans-serif;
    color: #fff !important;
    font-size: 15px;
    letter-spacing: .30px;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    border: 1px solid #fff;
    font-weight: 300;
    box-shadow: none;
}
.request_contact .form-group input.placeholder {
    font-family: "Lato", sans-serif;
    color: #fff;
    font-size: 15px;
    letter-spacing: .30px
}
.request_contact .form-group input:-moz-placeholder {
    font-family: "Lato", sans-serif;
    color: #fff;
    font-size: 15px;
    letter-spacing: .30px
}
.request_contact .form-group input::-moz-placeholder {
    font-family: "Lato", sans-serif;
    color: #fff;
    font-size: 15px;
    letter-spacing: .30px
}
.request_contact .form-group input::-webkit-input-placeholder {
    font-family: "Lato", sans-serif;
    color: #fff;
    font-size: 15px;
    letter-spacing: .30px
}
.request_contact .form-group input:focus {
    -webkit-box-shadow: 0 0 20px 0 rgba(23, 152, 80, .5);
    box-shadow: 0 0 7px 0 rgb(255, 255, 255)
}
.request_contact .form-group label {
    margin-bottom: 0;
    font-family: "Lato", sans-serif;
    color: #fff;
    font-size: 14px;
    letter-spacing: .30px;
    font-weight: 400
}
.request_contact .form-group textarea {
    border: none;
    background: #0b0f1a;
    border-radius: 0;
    height: 135px;
    padding: 15px 20px;
    outline: none;
    font-family: "Lato", sans-serif;
    color: #fff;
    font-size: 15px;
    letter-spacing: .30px;
    -webkit-transition: all 400ms linear 0s;
    -o-transition: all 400ms linear 0s;
    transition: all 400ms linear 0s;
    resize: none;
    border: 1px solid;
    overflow: hidden;
    font-weight: 300;
    box-shadow: none;
}
.request_contact .form-group textarea.placeholder {
    font-family: "Lato", sans-serif;
    color: #fff;
    font-size: 15px;
    letter-spacing: .30px
}
.request_contact .form-group textarea:-moz-placeholder {
    font-family: "Lato", sans-serif;
    color: #fff;
    font-size: 15px;
    letter-spacing: .30px
}
.request_contact .form-group textarea::-moz-placeholder {
    font-family: "Lato", sans-serif;
    color: #fff;
    font-size: 15px;
    letter-spacing: .30px
}
.request_contact .form-group textarea::-webkit-input-placeholder {
    font-family: "Lato", sans-serif;
    color: #fff;
    font-size: 15px;
    letter-spacing: .30px
}
.request_contact .form-group textarea:focus {
    -webkit-box-shadow: 0 0 20px 0 rgba(23, 152, 80, .5);
    box-shadow: 0 0 20px 0 rgba(255, 255, 255, .5)
}
.section_w_title {
    padding-top: 10px;
    padding-bottom: 10px
}
.section_w_title h2 {
    text-align: left;
    width: 100%;
    color: #fff;
    padding-top: 8px;
    padding-bottom: 10px
}
.request_contact button.btn.submit_btn.form-control {
    background: none;
    border: 0;
    width: 100%;
    margin: 0 auto;
        background-color: #0b0f1a !important;
    height: 50px;
    color: #fff !important;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    width: 36%;
    border: 1px solid #fff;
    box-shadow: none;
}
.request_contact button.btn.submit_btn.form-control:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #000
}
.get-sec .col-lg-6.col-lg-6.col-md-6.col-sm-6.col-xs-12 {
    /*padding:0*/
}
.career_first_title {
    font-size: 28px;
    text-align: center;
    line-height: 120%
}
.career_first_title span {
    font-weight: 600;
    color: #3568B2
}
.career_imd {
    padding: 5px 0;
    font-size: 16px;
    line-height: 2.5;
    padding-left: 10px;
    color: black
}
.padding10px {
    padding: 12px
}
.company-facality {
    width: 100%;
    float: left;
    padding: 14px
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #000
}
.panel-group .panel {
    margin-bottom: 10px;
    border-radius: 4px;
    padding: 10px;
    background: none;
    border: 1px solid #00000054
}
.vc_custom_1425721438600 {
    margin-bottom: 15px!important
}
.vc_separator {
    display: table;
    margin-bottom: 30px;
    margin-top: 20px
}
.vc_separator .vc_sep_holder {
    display: table-cell;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%
}
.vc_separator.vc_sep_color_grey .vc_sep_line {
    border-color: #ebebeb
}
parator_align_center h4 {
    padding: 0 .8em
}
.vc_separator h4 {
    line-height: 1em;
    font-size: 100%;
    display: table-cell;
    white-space: pre;
    color: #3568B2;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 500
}
.vc_separator .vc_sep_holder .vc_sep_line {
    height: 1px;
    border-top: 1px solid #ebebeb;
    display: block;
    position: relative;
    top: 1px;
    width: 100%
}
.join-our-team {
    border-top-width: 10px!important;
    border-bottom-width: 10px!important;
    background-image: url(../images/career/breezeway-team.jpg);
    padding-bottom: 30px;
    width: 100%;
    background-size: cover;
}
.join-our-team input.wpcf7-form-control.wpcf7-submit.pull-right.btn-lg.btn-primary {
    width: 29%;
    background: #349ed9;
    color: white!important;
    border-radius: 6px;
    border: 1px solid #fff;
    margin-top: 30px
}
.join-our-team input.wpcf7-form-control.wpcf7-submit.pull-right.btn-lg.btn-primary:hover {
    background: white;
    color: white!important;
    background: transparent;
    border: 1px solid #fff
}
.form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #999;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #000000;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-weight: 600;
    box-shadow: 6px -3px 9px rgb(179, 179, 179);
    -webkit-box-shadow: 6px -3px 9px rgb(179, 179, 179);
    font-weight: 500;
    font-size: 14px!important;
    /* border-radius: 100px!important; */
}
.slide-btn a.wow.bounceInDown.btn.btn-primary.btn-lg:hover {
    background: #0b0f1a;
    color: #b4ff00!important;
    transform: scale(1.3);
    border-radius: 7%;
    transition: all 0.3s ease;
}
.co-text {
    padding-top: 20px;
    width: 100%;
    float: left;
    padding-bottom: 0
}
.slide-btn {
    position: fixed;
    top: 30%;
    right: 0;
    z-index: 9999;
    margin: 0;
    padding: 0;
    width: auto;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: 0 15px 10px #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #000
}
section.img-wrapper {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px
}
.slide-btn a.wow.bounceInDown.btn.btn-primary.btn-lg {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 170px;
    line-height: 3;
    background: #0185d0;
    color: white!important
}
.modal-header h2 {
    float: left;
    /* background:#3568B2; */
    
    width: 100%;
    padding: 10px;
    margin: 0;
    color: #0185d0;
    border-radius: 10px;
}
.glyphicon {
    position: absolute;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100000000000000000
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: inherit;
    text-align: left;
    text-transform: capitalize
}
.panel-title:after {
    content: "\f078";
    color: #292723;
    float: right;
    display: block;
    font-family: FontAwesome;
    font-size: 13px;
    pointer-events: none;
    position: relative;
    line-height: 20px;
    text-transform: none;
    margin: 5px
}
.co-band img.img-responsive {
    text-align: center;
    margin: 0 auto
}
.form-control option {
    color: black;
    background: #ffffff;
    padding: 20px;
}
.testimonial-quote h3 {
    font-size: 16px;
    border-bottom: 2px solid;
    display: inline-block;
    transition: 0.7s;
}
.testimonial:hover h3 {
    color: white;
}
.contact_r_image img {
    height: 100%;
    width: 100%;
}

/****02-10-2018********/
.top-header .left {
    float: left;
    background: -webkit-linear-gradient(left, #3568b2 30%, #a1509f 100%);
    width: 40%;
    border-bottom-right-radius: 50px;
    height: 40px;
}
.top-header .left .social-top {
    padding-left: 15px;
}
.top-header .right {
    float: right;
    height: 40px;
}
.top-header .top-address,
.top-header1 .top-phone {
    float: left;
}
.top-header .top-phone span {
    float: left;
}
.top-header .top-phone {
    padding: 7px 10px;
}
.top-header .top-phone a {
    font-size: 20px;
    line-height: 20px;
}
.top-header .top-address i {
    font-size: 16px;
    color: #0185d0;
    font-weight: 5000;
}
/*#cssmenu>ul>li:last-child {*/
/*    padding: 28px 10px;*/
/*}*/
/*#cssmenu>ul>li:last-child a {*/
/*    padding: 16px 20px;*/
/*    background: linear-gradient(to right, #0185d0, #086598, #0185d0) !important;*/
/*    border-top-left-radius: 10px;*/
/*    border-bottom-left-radius: 10px;*/
/*    color: white !important;*/
/*    transition: 0.7s;*/
/*    font-size: 16px;*/
/*    border-radius: 10px;*/
/*}*/
/*#cssmenu>ul>li:last-child a:hover,*/
/*#cssmenu>ul>li:last-child a.active {*/
/*    line-height: 1 !important;*/
/*    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, .4);*/
/*    color: white !important;*/
/*}*/
header.clearfix img.stickylogo,
header.clearfix.navbar-fixed-top img.mainlogo {
    display: none;
}
header.clearfix.navbar-fixed-top img.stickylogo,
header.clearfix img.mainlogo {
    display: inline-block;
}
a.btn.btn-primary.btn-breez {
    float: left;
    margin: 14px 0;
    border: 1px solid #3568B2;
    transition: 0.7s;
}
a.btn.btn-primary.btn-breez:hover {
    background-color: #3568B2;
    color: white !important;
}

/**WORk**/
.port-co1 ul.filter li a {
    background-color: transparent;
    border-radius: 0px;
    padding: 10px 10px;
    color: #3568B2;
    transition: 0.7s;
}
.port-co1 ul.filter li a:hover,
.port-co1 ul.filter li a.active {
    box-shadow: 4px 4px 10px #868484;
    background-color: #3568B2;
    color: white;
}
.our-companies {
    background: #ffffff;
}
#features {
    background: #f6f6f6;
}
.sectionContainer1 {
    background: #ffffff;
}
.portfolio-post .overlay {
    position: absolute;
    top: calc(100% - 50px);
    width: 100%;
    background: #fff;
    left: 0;
    right: 0;
    padding: 15px 20px 20px;
    transition: all .5s;
    z-index: 3;
    height: 100%;
}
.portfolio-post {
    overflow: hidden;
    border: 1px solid #cfd1d200;
    box-shadow: 0px 1px 2px 2px #88888842;
}
.portfolio-post:hover {
    border: 1px solid #cfd1d200;
    box-shadow: 0px 1px 2px 2px #88888842;
}
.portfolio-post:hover .overlay {
    top: calc(100% - 140px);
}
#featured-projects {
    background-color: #3568B2;
}
.form_section {
    /* background-color: #3568B2; */
    /* border-top: 2px solid #03649a; */
}
.get_started h3 span {
    /* color: #ffffff; */
}
.home-contact a {
    color: #fff;
}
.home-contact a:hover {
    text-decoration: underline;
    display: inline-block;
}
.People .webdesign_process_head h3 span {
    color: #3568B2;
    font-weight: 600;
    padding-right: 10px;
    border-radius: 2;
    line-height: 0;
    padding-left: 5px;
    background-color: transparent;
    font-size: 40px;
}
.People .webdesign_process_head h4 {
    margin-top: 0;
}
.People .webdesign_process_head h4 span {
    font-size: 14px !important;
    width: 100%;
    float: none;
    text-align: center;
    background-color: transparent;
    margin-top: 0;
    font-weight: 300;
}
ul.industry li {
    width: 18%;
    margin: 0 1%;
    float: left;
    box-shadow: 5px 5px 10px #eee;
    -webkit-box-shadow: 0 0 5px 2px #fff;
    -moz-box-shadow: 0 0 5px 2px #fff;
    box-shadow: 0px 0px 5px 2px #d8d8d8;
    border-radius: 5px;
    margin-bottom: 30px;
}
ul.industry li span {
    font-size: 16px;
    font-weight: 400;
    background-color: transparent;
    text-align: center;
    display: block;
    margin-top: 0;
    margin: 0 auto;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
ul.industry li .icon,
ul.industry li .text {
    text-align: center;
}
section.People.industryblock {
    background-color: #ffffff;
}
ul.industry li .icon {
    padding: 20px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.green {
    background-color: #3568B2;
}
ul.industry li .text {
    background-color: #fff;
    padding: 20px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 100px;
    display: table;
    text-align: center;
    margin: 0 auto;
}
.our-companies .webdesign_process_head h4 span {
    float: none;
    text-align: center;
}
.portfolio-post .overlay {
    text-align: center;
}
.navbar-fixed-top #cssmenu>ul>li>a {
    padding: 5px 10px;
}
.modal input {
    margin-top: 10px;
}
/*.navbar-fixed-top #cssmenu>ul>li:last-child {*/
/*    padding: 21px 10px;*/
/*}*/
header.navbar-fixed-top .navbar-brand {
    height: auto;
    padding: 10px 15px;
}
header.navbar-fixed-top #cssmenu>ul>li>a.active {
    line-height: 1.5
}
/*.navbar-fixed-top #cssmenu>ul>li:last-child a {*/
/*    padding: 12px 10px;*/
/*}*/
/*.navbar-fixed-top #cssmenu>ul>li:last-child {*/
    /* padding-right: 0; */
/*}*/
.portfolio-post .overlay h3 {
    padding-bottom: 15px;
    font-family: 'Nexa Light', Verdana;
    color: #3c3e3e;
    letter-spacing: 0px;
    font-size: 20px;
}
.portfolio-post .overlay p {
    line-height: 20px;
    font-family: sans-serif;
}
section#featured-projects {
    width: 100%;
    background: url(../images/bg/bg2.jpg);
    background-size: cover;
    background-attachment: fixed;
    float: left;
}
.People .owl-prev {
    position: absolute;
    top: 35%;
    left: -5%;
    padding: 10px 14px 8px 11px;
    border: 1px solid #3568B2;
    background-color: transparent;
    border-radius: 100%;
    line-height: 16px;
}
.People .owl-prev:hover,
.People .owl-next:hover {
    background-color: #3568B2;
}
.People .owl-prev:hover i,
.People .owl-next:hover i {
    color: white
}
.People .owl-next {
    position: absolute;
    top: 35%;
    right: -5%;
    padding: 10px 11px 8px 14px;
    border: 1px solid #3568B2;
    background-color: transparent;
    border-radius: 100%;
    line-height: 16px;
}
.People .owl-prev i,
.People .owl-next i {
    color: #3568B2;
}
.navbar-fixed-top #cssmenu>ul>li>a i {
    margin-bottom: 5px;
}
.footer-list ul li.yellowfoo a {
    font-size: 25px;
    color: #ffffff;
}
.footer-list ul li.emailfoo a {
    font-size: 15px;
}
.People .text-center a button {
    background-color: transparent;
    border: 1px solid;
}
.People .text-center a {
    margin: 30px 0;
    display: block;
    margin-bottom: 0;
}
.People .text-center a button:hover {
    background-color: #0092db;
    border-color: #0092db;
    color: white !important;
}
.page-title h1.titletag {
    font-size: 45px;
    letter-spacing: 3px;
}
.page-title h1.titletag span {
    color: #0185d0;
    font-weight: 700;
}
section.we-offer {
    background-color: #f6f6f6;
}
.we-are ul:after {
    content: "";
    display: block;
    clear: both;
}
.webdesign_process_head.wow.bounceInLeft h4 {
    font-size: 14px !important;
    width: 100%;
    float: none;
    text-align: center;
    background-color: transparent;
    margin-top: 0;
    font-weight: 300;
}
#co-work .wraper_webdesign_process {
    margin: 0;
}
.sec-pad {
    padding-top: 50px !important;
    padding-bottom: 60px !important;
}
.sec-pad-top {
    padding-top: 50px !important;
}
.sec-pad-btm {
    padding-bottom: 60px !important;
}
i.fa.fa-cog.fa-spin.fa-3x.fa-fw {
    float: none !important;
}
.who-we-are {
    margin: 0 30px !important;
}
.we-are .webdesign_process_head {
    margin-bottom: 0px !important;
}
ul.filter {
    margin: 60px 0;
}
.portfolio-page .portfolio-post .overlay {
    top: calc(100% - 0px);
}
.portfolio-page .portfolio-post:hover .overlay {
    top: calc(100% - 95px);
}
.overlay-top {
    position: absolute;
    bottom: calc(100% - 61px);
    width: 100%;
    background: #fff;
    left: 0;
    right: 0;
    padding: 15px 20px 20px;
    transition: all .5s;
    z-index: 3;
    /* height: 100%; */
    
    text-align: center;
    transition: 0.7;
}
.portfolio-post:hover .overlay-top {
    /* display: none; */
    
    bottom: calc(100% - 0px);
}
.portfolio-post .overlay.overlaysmallimg {
    top: calc(100% - 0px);
    padding-top: 5px;
    padding-bottom: 5px;
}
.portfolio-post:hover .overlay.overlaysmallimg {
    top: calc(100% - 50px);
}
.portfolio-post .overlay.overlaysmallimg h3 {
    padding-bottom: 0;
}

/*********CONTACT PAGE--475***/
.address-box {
    padding: 50px 20px;
    box-shadow: 0 0 20px -5px rgba(10, 10, 10, 0.75);
    position: relative;
    border-radius: 4px;
    margin-top: 50px;
}
.icon-address-box {
    border-radius: 100%;
    background-color: #fff;
    padding: 25px 25px;
    display: inline-block;
    line-height: 18px;
    position: absolute;
    top: -34px;
    left: 43%;
    border: 1px solid #3568B2;
    transition: 0.7s;
}
.icon-address-box i {
    font-size: 31px;
    line-height: 22px;
    color: #3568B2;
}
.get-sec {
    background: #ffffff;
}
.address-details {
    padding-top: 30px;
}
.address-details h3 {
    font-size: 29px;
    padding-bottom: 20px;
    color: #3568B2;
}
.address-details a {
    color: black;
    padding: 0 43px;
    display: block;
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    line-height: 28px;
}
.address-box:hover .icon-address-box {
    background-color: #3568B2;
}
.address-box:hover .icon-address-box i {
    color: white;
}
.left-map-box,
.right-map-box {
    width: 48%;
    float: left;
    margin: 0 1%;
}
.form-group .form-control {
    border: 1px solid #969191 !important;
    color: #252525 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    background-color: transparent !important;
    box-shadow: 6px -3px 9px transparent !important;
    border-radius: 3px !important;
}
::placeholder {
    color: #504c4c !important;
    font-weight: 500 !important;
}
.book-meeting {
    background-color: #ffffff;
}
.book-meeting h3 {
    text-align: center;
}
.btn-center-contact {
    margin: 0 auto;
    text-align: center;
}
.btn-center-contact button {
    float: none !important;
}
.request_contact .form-group textarea#message {
    background: #0b0f1a !important;
    color: #fff !important;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/*-------- accordian start--------------*/
.left-menu{margin: 0; background: transparent !important; padding: 0 !important;}
.left-menu a {
    border-bottom: 0 !important;
	padding: 10px 15px !important;
    display: block;
}
.left-menu ul li a {
    border-bottom: 1px solid #ccc !important;
}
.left-menu .panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    color: #292723;
    content:"\f107";
    padding-right: 5px;
    font-size: 22px;
    font-weight: bold;
}
.left-menu .panel-title > a.collapsed:before {
    float: right !important;
    content:"\f105";
    color: #292723;
    font-size:22px;
}
.left-menu .panel-title > a:hover, 
.left-menu .panel-title > a:active, 
.left-menu .panel-title > a:focus  {
    text-decoration:none;
}
.left-menu .panel-default a.collapsed {
    border: 0;
}
.left-menu .panel-body {
    padding: 10px;
}
.left-menu .panel-title:after{
content:none;
    
}
/*-------- accordian End--------------*/


.join-our-team .form-group .form-control {
    color: #fff !important;
}
.join-our-team input[type=file] {
    display: block;
    box-shadow: none;
    height: auto;
}
section.contact_area.abt_area {
    background: #9E51A0;
}
section.contact_area.abt_area p {
    font-size: 18px;
    line-height: 30px;
    margin: 0 auto;
    font-weight: 200;
    color: #fff;
    position: relative;
    margin-bottom: 30px;
    padding-top: 0;
    text-align: justify;
}
.btn-primary {
    
    border: 1px solid #0085D5;
    
}


section.we-are.hospital_modiule {
    background: #fcfcfc;
}
.feature-text.box-shadow {
    box-shadow: 0 0 30px rgba(0,0,0,.09);
    padding: 20px;
    margin-bottom: 30px;
}
.feature-text.box-shadow {
    background: #fff;
}
.feature-icon img {
    width: 95px;
    height: auto;
    margin-bottom: 15px;
}
.feature-text p {
    text-align: center;
}
.h-100 {
    min-height: 518px;
    height: 100% !important;
}
.feature-text.box-shadow, .owl-carousel .owl-dots .owl-dot span {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}
.feature-text p {
    text-align: center;
    font-size: 16px;
    line-height: 28px;

}
h4.pb-10 {
    margin: 10px 0px 20px;
}

.row.amc_boxh .h-100 {
    height: 100% !important;
    min-height: 100% !important;
}
.li_text ul li {
    font-size: 15px;
    line-height: 30px;
    color: #333;
    margin: 0px 0 0px 15px;
}
.li_text ul{
	text-align: left;
	color: #333;
}
.domain_hpst li {
    padding: 5px 0;
    margin: 0 auto;
    text-align: justify;
    /* padding: 15px 0 0 10px; */
    font-size: 17px;
    width: 100%;
    line-height: 28px;
    color: #ffffff;
}



/*services css state */
body{margin-top:20px;}
  .price-innerdetail h5 {
        font-weight: 400;
        letter-spacing: 2px;
        font-size: 15px;
    }
    
    .price-innerdetail p {
        font-size: 50px;
    }
    
    .detail-pricing {
        border-bottom: 1px solid;
        padding: 30px 0 30px 0;
    }
    
    .detail-pricing .float-left {
        padding: 0 0 0 40px;
    }
    
    .detail-pricing .float-left i {
        position: absolute;
        left: 0;
        font-size: 20px;
    }
    
    .detail-pricing span {
        display: inline-block;
        position: relative;
        font-weight: 400;
    }
    
    .wrap-price {
        background: rgba(32, 33, 36, .1);
        padding: 50px 20px 50px;
        border-radius: 10px;
    }
    
    .center-wrap {
        background: #070707;
        color: #fff;
    }


/*services css end*/

/*services css end*/

ul.fa-ul.journal_sec_ul{
    margin-top:10px !important;
}
ul.fa-ul.journal_sec_ul li {
    padding: 5px 0;
    display: block;
    font-size: 17px;
}
section.journal_secthree {
    float: left;
    width: 100%;
    padding: 50px 0px;
}

.jur_title {
    margin-bottom: 20px;
}
section.journal_secthree p {
    font-size: 17px;
}

section.journal_secfour {
    float: left;
    width: 100%;
    padding: 50px 0px;
    background:#F6F6F6;
}

section.journal_secfour p {
    font-size: 17px;
}
section.journal_secfive {
    float: left;
    width: 100%;
    padding: 50px 0px;
    background:#e9f2ff;
}
p.jur_bgp {
    background: #b291ff;
    color: #fff;
    padding: 15px 15px;
    border-radius: 10px;
    font-size: 17px;
}
.jur_box ul li {
   background: #715AA7;
    color: #fff;
    padding: 15px 15px;
    border-radius: 10px;
    font-size: 17px;
    margin-top:15px;
}
.row.jur_secfive_sec {
    margin: 50px 0px;
}
h3.box_body_who {
    background: #fff;
    text-align: center;
    padding: 40px 15px;
    cursor: pointer;
    color: #333;
    box-shadow: 0px 0px 10px #333;
    margin: 15px 0px;
}
h3.box_body_who:hover {
    background: #715AA7;
    color:#fff;
}
section.who-we-are.bounceInUp.sec-pad.journal_sec{
    background-image: url(https://nsmlimited.com/assets/images/TCK-Publishing-bg-compressed.webp);
    background-position: bottom;
    background-size: cover;
    width: 100%;
    margin: 0px !important;
}