* {
    font-family: Verdana, Geneva, sans-serif;
    margin: 0;
    padding: 0
}

body {
    font-family: Verdana, Geneva, sans-serif;
    margin: 0;
    padding: 0
}

a {
    color: #336;
    text-decoration: none
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #336
}

.Top_leftside {
    height: 387px;
    width: 29%;
    float: left;
    background: url(/app_themes/images/Top_white.png) no-repeat 0 0;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0
}

.top_rightside {
    width: 100%;
    height: 60px;
    background: #336;
    display: inline-block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0
}

.Main_container {
    width: 100%;
    display: inline-block
}

.main_banner {
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

.main_banner img {
    width: 100%;
    height: 100% !important;
}

.header_topleft {
    width: 30%;
    display: inline-block;
    position: fixed;
    z-index: 999999;
    top: 0
}

.header_topright {
    width: 72%;
    display: inline-block;
    position: absolute;
    z-index: 99999;
    right: 0;
    top: 0
}

.logo_container {
    width: 56%;
    display: inline-block;
    margin: 16px 0 0 30px
}

.logo_container a {
    float: left;
    width: 100%
}

.logo_container a img {
    width: 90%
}
.dynamic_change .logo_container a img{
    width: 100%
}
.left_socialicons {
    display: inline-block;
    -ms-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    transform: rotate(-47deg);
    position: fixed;
    left: -22px;
    top: 175px;
    width: 240px;
    text-align: center;
    z-index: 99999
}

.left_socialicons span {
    display: inline-block;
    font-size: 16px;
    font-family: verdana;
    text-transform: uppercase;
    color: #336;
    
    text-align: left;
    
    margin-top: 8px;
    margin-bottom: 8px;
}

.left_socialicons ul {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
   
}

.left_socialicons ul li {
    list-style: none;
    float: left
}

.left_socialicons ul li a {
    height: 50px;
    width: 50px;
    float: left;
    border: 1px solid #ccc
}
article{
    background: #f9f9f9;
}
.left_socialicons ul li a:hover {
    border: 1px solid #336
}

.left_socialicons ul li:nth-child(1) a {
    background: url(/app_themes/images/sprit.png) no-repeat 10px -645px
}

.left_socialicons ul li:nth-child(1) a:hover {
    background: url(/app_themes/images/sprit.png) no-repeat 10px -834px
}

.left_socialicons ul li:nth-child(2) a {
    background: url(/app_themes/images/sprit.png) no-repeat 10px -605px;
    width: auto;
    text-align: left;
    padding-left: 40px;
    line-height: 40px;
    padding-right: 10px;
}

.left_socialicons ul li:nth-child(2) a:hover {
    background: url(/app_themes/images/sprit.png) no-repeat 10px -794px
}

.left_socialicons ul li:nth-child(3) a {
    background: url(/app_themes/images/sprit.png) no-repeat 10px -606px
}

.left_socialicons ul li:nth-child(3) a:hover {
    background: url(/app_themes/images/sprit.png) no-repeat 10px -795px
}

.left_socialicons ul li:nth-child(4) a {
    background: url(/app_themes/images/sprit.png) no-repeat 10px -563px
}

.left_socialicons ul li:nth-child(4) a:hover {
    background: url(/app_themes/images/sprit.png) no-repeat 10px -752px
}

.nav li a {
    background: url(/app_themes/images/nav_border.png) no-repeat right center transparent !important;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 4px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    height: 49px;
    vertical-align: middle;
    line-height: 46px;
    width: auto;
    padding-right: 24px !important;
    color: #fff;
	background-size: 20px!important;
}

.navbar {
    margin-bottom: 0;
    margin-top: 0;
    min-height: auto
}

.nav li a:hover {
    font-size: 12px;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.nav li:last-child a {
    background: 0 0 !important
}

.top_socialicon {
    float: right
}

.top_socialicon ul {
    padding: 0;
    margin: 0;
    float: right;
    margin-top: 12px
}

.top_socialicon ul li {
    float: left;
    list-style: none
}
.blog-head{
	margin-top: 0;font-size: 18px;font-weight: 600;color: #336;
}
.style-none{
	list-style: none;
}
.style-none li{
	margin-bottom: 8px;
}
.style-none li a{
	font-size: 12px;
    text-transform: capitalize;
}
.style-none li a:hover{
	text-decoration:none;
}
.top_socialicon ul li a {
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 50px;
    float: left;
    margin-left: 5px
}

.top_socialicon ul li a:hover {
    border: 1px solid #fff
}

.top_socialicon ul li:nth-child(1) a {
    background: url(/app_themes/images/sprit.png) no-repeat 5px -2020px
}

.top_socialicon ul li:nth-child(1) a:hover {
    width: 24px;
    height: 24px
}

.top_socialicon ul li:nth-child(2) a {
    background: url(/app_themes/images/sprit.png) no-repeat -25px -2020px
}

.top_socialicon ul li:nth-child(2) a:hover {
    width: 24px;
    height: 24px
}

.top_socialicon ul li:nth-child(3) a {
    background: url(/app_themes/images/sprit.png) no-repeat -54px -2020px
}

.top_socialicon ul li:nth-child(3) a:hover {
    width: 24px;
    height: 24px
}

.top_socialicon ul li:nth-child(4) a {
    background: url(/app_themes/images/sprit.png) no-repeat -82px -2022px
}

.top_socialicon ul li:nth-child(4) a:hover {
    width: 24px;
    height: 24px
}

.Start_projectBtn {
    height: 74px;
    width: 310px;
    background: url(/app_themes/images/banner_btn.png) no-repeat center center;
    position: absolute;
    left: 0;
    bottom: 260px;
    left: 142px;
    z-index: 999
}

.fnc-slider {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 100vh
}

.fnc-slider *,
.fnc-slider :after,
.fnc-slider :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fnc-slider__slides {
    position: relative;
    height: 100%;
    -webkit-transition: -webkit-transform 1s .6666666667s;
    transition: -webkit-transform 1s .6666666667s;
    transition: transform 1s .6666666667s;
    transition: transform 1s .6666666667s, -webkit-transform 1s .6666666667s
}

.fnc-slider .m--blend-dark .fnc-slide__inner {
    background-color: #8a8a8a
}

.fnc-slider .m--blend-dark .fnc-slide__mask-inner {
    background-color: #575757
}

.fnc-slider .m--navbg-dark {
    background-color: #575757
}

.fnc-slider .m--blend-green .fnc-slide__inner {
    background-color: #6d9b98
}

.fnc-slider .m--blend-green .fnc-slide__mask-inner {
    background-color: #42605e
}

.fnc-slider .m--navbg-green {
    background-color: #42605e
}

.fnc-slider .m--blend-red .fnc-slide__inner {
    background-color: #ea2329
}

.fnc-slider .m--blend-red .fnc-slide__mask-inner {
    background-color: #990e13
}

.fnc-slider .m--navbg-red {
    background-color: #990e13
}

.fnc-slider .m--blend-blue .fnc-slide__inner {
    background-color: #59aecb
}

.fnc-slider .m--blend-blue .fnc-slide__mask-inner {
    background-color: #2d7791
}

.fnc-slider .m--navbg-blue {
    background-color: #2d7791
}

.fnc-slide {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fnc-slide.m--before-sliding {
    z-index: 2 !important;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fnc-slide.m--active-slide {
    z-index: 1;
    -webkit-transition: -webkit-transform 1s .6666666667s ease-in-out;
    transition: -webkit-transform 1s .6666666667s ease-in-out;
    transition: transform 1s .6666666667s ease-in-out;
    transition: transform 1s .6666666667s ease-in-out, -webkit-transform 1s .6666666667s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fnc-slide__inner {
    position: relative;
    height: 100%;
    background-size: cover;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.m--blend-bg-active .fnc-slide__inner,
.m--global-blending-active .fnc-slide__inner {
    background-blend-mode: luminosity
}

.m--before-sliding .fnc-slide__inner {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.m--active-slide .fnc-slide__inner {
    -webkit-transition: -webkit-transform 1s .6666666667s ease-in-out;
    transition: -webkit-transform 1s .6666666667s ease-in-out;
    transition: transform 1s .6666666667s ease-in-out;
    transition: transform 1s .6666666667s ease-in-out, -webkit-transform 1s .6666666667s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fnc-slide__mask {
    overflow: hidden;
    z-index: 1;
    position: absolute;
    right: 60%;
    top: 15%;
    width: 50.25vh;
    height: 67vh;
    margin-right: -90px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.m--before-sliding .fnc-slide__mask {
    -webkit-transform: rotate(-10deg) translate3d(200px, 0, 0);
    transform: rotate(-10deg) translate3d(200px, 0, 0);
    opacity: 0
}

.m--active-slide .fnc-slide__mask {
    -webkit-transition: opacity .35s 1.2222222222s, -webkit-transform .7s 1.2222222222s;
    transition: opacity .35s 1.2222222222s, -webkit-transform .7s 1.2222222222s;
    transition: transform .7s 1.2222222222s, opacity .35s 1.2222222222s;
    transition: transform .7s 1.2222222222s, opacity .35s 1.2222222222s, -webkit-transform .7s 1.2222222222s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.m--previous-slide .fnc-slide__mask {
    -webkit-transition: opacity .35s .6833333333s, -webkit-transform .7s .3333333333s;
    transition: opacity .35s .6833333333s, -webkit-transform .7s .3333333333s;
    transition: transform .7s .3333333333s, opacity .35s .6833333333s;
    transition: transform .7s .3333333333s, opacity .35s .6833333333s, -webkit-transform .7s .3333333333s;
    -webkit-transform: rotate(10deg) translate3d(-200px, 0, 0);
    transform: rotate(10deg) translate3d(-200px, 0, 0);
    opacity: 0
}

.fnc-slide__mask-inner {
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100vw;
    height: 100vh;
    margin-left: -50vw;
    margin-top: -50vh;
    background-size: cover;
    background-position: center center;
    background-blend-mode: luminosity;
    -webkit-transform-origin: 50% 16.5vh;
    transform-origin: 50% 16.5vh;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.m--before-sliding .fnc-slide__mask-inner {
    -webkit-transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
    transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0)
}

.m--active-slide .fnc-slide__mask-inner {
    -webkit-transition: -webkit-transform .7s 1.2222222222s;
    transition: -webkit-transform .7s 1.2222222222s;
    transition: transform .7s 1.2222222222s;
    transition: transform .7s 1.2222222222s, -webkit-transform .7s 1.2222222222s;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.m--previous-slide .fnc-slide__mask-inner {
    -webkit-transition: -webkit-transform .7s .3333333333s;
    transition: -webkit-transform .7s .3333333333s;
    transition: transform .7s .3333333333s;
    transition: transform .7s .3333333333s, -webkit-transform .7s .3333333333s;
    -webkit-transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
    transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0)
}

.fnc-slide__content {
    z-index: 2;
    position: absolute;
    left: 40%;
    top: 40%
}

.fnc-slide__heading {
    margin-bottom: 10px;
    text-transform: uppercase
}

.fnc-slide__heading-line {
    overflow: hidden;
    position: relative;
    padding-right: 20px;
    font-size: 100px;
    color: #fff;
    word-spacing: 10px
}

.fnc-slide__heading-line:nth-child(2) {
    padding-left: 30px
}

.m--before-sliding .fnc-slide__heading-line {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.m--active-slide .fnc-slide__heading-line {
    -webkit-transition: -webkit-transform 1.5s 1s;
    transition: -webkit-transform 1.5s 1s;
    transition: transform 1.5s 1s;
    transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.m--previous-slide .fnc-slide__heading-line {
    -webkit-transition: -webkit-transform 1.5s;
    transition: -webkit-transform 1.5s;
    transition: transform 1.5s;
    transition: transform 1.5s, -webkit-transform 1.5s;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.fnc-slide__heading-line span {
    display: block
}

.m--before-sliding .fnc-slide__heading-line span {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.m--active-slide .fnc-slide__heading-line span {
    -webkit-transition: -webkit-transform 1.5s 1s;
    transition: -webkit-transform 1.5s 1s;
    transition: transform 1.5s 1s;
    transition: transform 1.5s 1s, -webkit-transform 1.5s 1s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.m--previous-slide .fnc-slide__heading-line span {
    -webkit-transition: -webkit-transform 1.5s;
    transition: -webkit-transform 1.5s;
    transition: transform 1.5s;
    transition: transform 1.5s, -webkit-transform 1.5s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.fnc-slide__action-btn {
    position: relative;
    margin-left: 200px;
    padding: 5px 15px;
    font-size: 20px;
    line-height: 1;
    color: transparent;
    border: none;
    text-transform: uppercase;
    background: 0 0;
    cursor: pointer;
    text-align: center;
    outline: 0
}

.fnc-slide__action-btn span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    line-height: 30px;
    color: #fff
}

.fnc-slide__action-btn span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-top: none;
    border-bottom: none
}

.fnc-slide__action-btn span:after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 30px;
    background: #1f2833;
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: translateY(100%) rotateX(-90deg);
    transform: translateY(100%) rotateX(-90deg);
    -webkit-transition: opacity .15s .15s;
    transition: opacity .15s .15s
}

.fnc-slide__action-btn:hover span {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg)
}

.fnc-slide__action-btn:hover span:after {
    opacity: 1;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.fnc-nav {
    z-index: 5;
    position: absolute;
    right: 0;
    bottom: 0
}

.fnc-nav__bgs {
    z-index: -1;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.fnc-nav__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.fnc-nav__bg.m--nav-bg-before {
    z-index: 2 !important;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.fnc-nav__bg.m--active-nav-bg {
    z-index: 1;
    -webkit-transition: -webkit-transform 1s .6666666667s;
    transition: -webkit-transform 1s .6666666667s;
    transition: transform 1s .6666666667s;
    transition: transform 1s .6666666667s, -webkit-transform 1s .6666666667s;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.fnc-nav__controls {
    font-size: 0
}

.fnc-nav__control {
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 50px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    -webkit-transition: background-color .5s;
    transition: background-color .5s
}

.fnc-nav__control.m--active-control {
    background: #1f2833
}

.fnc-nav__control-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important
}

.m--with-autosliding .m--active-control .fnc-nav__control-progress {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.m--prev-control .fnc-nav__control-progress {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .5s !important;
    transition: -webkit-transform .5s !important;
    transition: transform .5s !important;
    transition: transform .5s, -webkit-transform .5s !important
}

.m--reset-progress .fnc-nav__control-progress {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 0s 0s !important;
    transition: -webkit-transform 0s 0s !important;
    transition: transform 0s 0s !important;
    transition: transform 0s 0s, -webkit-transform 0s 0s !important
}

.m--autosliding-blocked .fnc-nav__control-progress {
    -webkit-transition: all 0s 0s !important;
    transition: all 0s 0s !important;
    -webkit-transform: scaleX(0) !important;
    transform: scaleX(0) !important
}

body {
    background: #f9f9f9;
    margin: 0;
    overflow: hidden
}

.demo-cont {
    overflow: hidden;
    position: relative;
    height: 100vh;
    -webkit-perspective: 1500px;
    perspective: 1500px;
    background: #000
}

.demo-cont__credits {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto;
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
    height: 100%;
    padding: 20px 10px 30px;
    background: #303030;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center;
    -webkit-transition: -webkit-transform .7s;
    transition: -webkit-transform .7s;
    transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s;
    -webkit-transform: translate3d(100%, 0, 0) rotateY(-45deg);
    transform: translate3d(100%, 0, 0) rotateY(-45deg);
    will-change: transform
}

.credits-active .demo-cont__credits {
    -webkit-transition: -webkit-transform .7s .2333333333s;
    transition: -webkit-transform .7s .2333333333s;
    transition: transform .7s .2333333333s;
    transition: transform .7s .2333333333s, -webkit-transform .7s .2333333333s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.demo-cont__credits *,
.demo-cont__credits :after,
.demo-cont__credits :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.demo-cont__credits-close {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 28px;
    height: 28px;
    cursor: pointer
}

.demo-cont__credits-close:after,
.demo-cont__credits-close:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    margin-top: -1px;
    background: #fff
}

.demo-cont__credits-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.demo-cont__credits-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.demo-cont__credits-heading {
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: 20px
}

.demo-cont__credits-img {
    display: block;
    width: 60%;
    margin: 0 auto 30px;
    border-radius: 10px
}

.demo-cont__credits-name {
    margin-bottom: 20px;
    font-size: 30px
}

.demo-cont__credits-link {
    display: block;
    margin-bottom: 10px;
    font-size: 24px;
    color: #fff
}

.demo-cont__credits-blend {
    font-size: 30px;
    margin-bottom: 10px
}

.example-slider {
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .7s;
    transition: -webkit-transform .7s;
    transition: transform .7s;
    transition: transform .7s, -webkit-transform .7s
}

.credits-active .example-slider {
    -webkit-transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(.9);
    transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(.9)
}

.example-slider .fnc-slide-1 .fnc-slide__inner,
.example-slider .fnc-slide-1 .fnc-slide__mask-inner {
    background-image: url(/app_themes/images/banner.jpg)
}

.example-slider .fnc-slide-2 .fnc-slide__inner,
.example-slider .fnc-slide-2 .fnc-slide__mask-inner {
    background-image: url(/app_themes/images/banner1.jpg)
}

.example-slider .fnc-slide-3 .fnc-slide__inner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .1)
}

.example-slider .fnc-slide-4 .fnc-slide__inner:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2)
}

.example-slider .fnc-nav__control,
.example-slider .fnc-slide__action-btn,
.example-slider .fnc-slide__heading {
    font-family: "Open Sans", Helvetica, Arial, sans-serif
}

.colorful-switch {
    position: relative;
    width: 180px;
    height: 77.1428571429px;
    margin: 0 auto;
    border-radius: 32.1428571429px;
    background: #cfcfcf
}

.colorful-switch:before {
    content: "";
    z-index: -1;
    position: absolute;
    left: -5px;
    top: -5px;
    width: 190px;
    height: 87.1428571429px;
    border-radius: 37.1428571429px;
    background: #314239;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.colorful-switch:hover:before {
    background: #4c735f
}

.colorful-switch__checkbox {
    z-index: -10;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.colorful-switch__label {
    z-index: 1;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 32.1428571429px;
    cursor: pointer
}

.colorful-switch__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 540px;
    height: 100%;
    background: linear-gradient(90deg, #14dcd6 0, #10e7bd 180px, #ef9c29 360px, #e76339 100%);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translate3d(-360px, 0, 0);
    transform: translate3d(-360px, 0, 0)
}

.colorful-switch__checkbox:checked~.colorful-switch__label .colorful-switch__bg {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.colorful-switch__dot {
    position: absolute;
    left: 131.1428571429px;
    top: 50%;
    width: 5.1428571429px;
    height: 5.1428571429px;
    margin-left: -2.5714285714px;
    margin-top: -2.5714285714px;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.colorful-switch__checkbox:checked~.colorful-switch__label .colorful-switch__dot {
    -webkit-transform: translate3d(-80.3571428571px, 0, 0);
    transform: translate3d(-80.3571428571px, 0, 0)
}

.colorful-switch__on {
    position: absolute;
    left: 104.1428571429px;
    top: 22.5px;
    width: 19.2857142857px;
    height: 36px;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.colorful-switch__checkbox:checked~.colorful-switch__label .colorful-switch__on {
    -webkit-transform: translate3d(-80.3571428571px, 0, 0);
    transform: translate3d(-80.3571428571px, 0, 0)
}

.colorful-switch__on__inner {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .25s 0s cubic-bezier(.52, -.96, .51, 1.28);
    transition: -webkit-transform .25s 0s cubic-bezier(.52, -.96, .51, 1.28);
    transition: transform .25s 0s cubic-bezier(.52, -.96, .51, 1.28);
    transition: transform .25s 0s cubic-bezier(.52, -.96, .51, 1.28), -webkit-transform .25s 0s cubic-bezier(.52, -.96, .51, 1.28);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotate(45deg) scale(0) translateZ(0);
    transform: rotate(45deg) scale(0) translateZ(0)
}

.colorful-switch__checkbox:checked~.colorful-switch__label .colorful-switch__on__inner {
    -webkit-transition: -webkit-transform .25s .25s cubic-bezier(.67, -.16, .47, 1.61);
    transition: -webkit-transform .25s .25s cubic-bezier(.67, -.16, .47, 1.61);
    transition: transform .25s .25s cubic-bezier(.67, -.16, .47, 1.61);
    transition: transform .25s .25s cubic-bezier(.67, -.16, .47, 1.61), -webkit-transform .25s .25s cubic-bezier(.67, -.16, .47, 1.61);
    -webkit-transform: rotate(45deg) scale(1) translateZ(0);
    transform: rotate(45deg) scale(1) translateZ(0)
}

.colorful-switch__on__inner:after,
.colorful-switch__on__inner:before {
    content: "";
    position: absolute;
    border-radius: 2.5714285714px;
    background: #fff
}

.colorful-switch__on__inner:before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6.1428571429px
}

.colorful-switch__on__inner:after {
    right: 0;
    top: 0;
    width: 6.1428571429px;
    height: 100%
}

.colorful-switch__off {
    position: absolute;
    left: 131.1428571429px;
    top: 50%;
    width: 41.1428571429px;
    height: 41.1428571429px;
    margin-left: -20.5714285714px;
    margin-top: -20.5714285714px;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.colorful-switch__checkbox:checked~.colorful-switch__label .colorful-switch__off {
    -webkit-transform: translate3d(-80.3571428571px, 0, 0);
    transform: translate3d(-80.3571428571px, 0, 0)
}

.colorful-switch__off:after,
.colorful-switch__off:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 5.1428571429px;
    margin-top: -2.5714285714px;
    border-radius: 2.5714285714px;
    background: #fff;
    -webkit-transition: -webkit-transform .25s .25s;
    transition: -webkit-transform .25s .25s;
    transition: transform .25s .25s;
    transition: transform .25s .25s, -webkit-transform .25s .25s
}

.colorful-switch__checkbox:checked~.colorful-switch__label .colorful-switch__off:after,
.colorful-switch__checkbox:checked~.colorful-switch__label .colorful-switch__off:before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.colorful-switch__off:before {
    -webkit-transform: rotate(45deg) scaleX(1) translateZ(0);
    transform: rotate(45deg) scaleX(1) translateZ(0)
}

.colorful-switch__checkbox:checked~.colorful-switch__label .colorful-switch__off:before {
    -webkit-transform: rotate(45deg) scaleX(0) translateZ(0);
    transform: rotate(45deg) scaleX(0) translateZ(0)
}

.colorful-switch__off:after {
    -webkit-transition-timing-function: cubic-bezier(.67, -.16, .47, 1.61);
    transition-timing-function: cubic-bezier(.67, -.16, .47, 1.61);
    -webkit-transform: rotate(-45deg) scaleX(1) translateZ(0);
    transform: rotate(-45deg) scaleX(1) translateZ(0)
}

.colorful-switch__checkbox:checked~.colorful-switch__label .colorful-switch__off:after {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transform: rotate(-45deg) scaleX(0) translateZ(0);
    transform: rotate(-45deg) scaleX(0) translateZ(0)
}

.overflow_scroll .toll_nobg {
    background: url() no-repeat top right !important;
    padding: 14px 0 14px 44px !important;
    width: 29% !important
}

.toll_nobg {
    height: auto;
    width: 24%;
    float: right;
    padding: 14px 0 14px 4px;
    margin-top: -2px
}

.toll_nobg span {
    display: inline-block;
    color: #fff
}

.center_rightbg {
    background: url(/app_themes/images/center_rightbg.png) no-repeat;
    position: fixed;
    right: 0;
    display: inline-block;
    z-index: 999;
    background-size: cover;
    top: 49px;
    padding-left: 55px;
    padding-bottom: 10px;
}

.counter_container {
    display: inline-block;
    float: right;
    height: auto;
    position: fixed;
    right: 20px;
    top: 130px
}

.counter_box1 {
    height: 114px;
    width: 114px;
    display: block;
    background: url(/app_themes/images/conter1.png) no-repeat center center/100%;
    margin-bottom: 40px
}

.counter_box1 h4 {
    width: 100%;
    display: inline-block;
    color: #7b65a2;
    margin-top: 54px;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    font-weight: 700
}

.counter_box1 .counter {
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    width: 100%;
    margin-top: 42px
}

.counter_box1 span,
.counter_box2 span,
.counter_box3 span {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.counter_box2 {
    height: 114px;
    width: 114px;
    display: block;
    background: url(/app_themes/images/conter2.png) no-repeat center center/100%;
    margin-bottom: 40px
}

.counter_box2 h4 {
    width: 100%;
    display: inline-block;
    color: #2c296a;
    margin-top: 54px;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    font-weight: 700
}

.counter_box2 .counter {
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    width: 100%;
    margin-top: 42px
}

.counter_box3 {
    height: 114px;
    width: 114px;
    display: block;
    background: url(/app_themes/images/conter3.png) no-repeat center center/100%
}

.counter_box3 h4 {
    width: 100%;
    display: inline-block;
    color: #2c296a;
    margin-top: 54px;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    font-weight: 700
}

.counter_box3 .counter {
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    width: 100%;
    margin-top: 42px
}

.inquiry_container {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 21%;
    text-align: center;
    background: url(/app_themes/images/get_inquiry.png) no-repeat right bottom;
    height: 294px;
    z-index: 9999;
    right: 0
}

.inquiry_container_arrow {
    background: url(/app_themes/images/inquiry_icon.png) left 86px no-repeat;
    display: block;
    text-decoration: none;
    color: #336;
    position: absolute;
    bottom: 0;
    right: 42px;
    z-index: 9999;
    text-align: center;
    text-transform: uppercase
}

.inquiry_container_arrow:hover {
    background: url(/app_themes/images/get_inquiry_hover.png) no-repeat left 86px;
    color: #336
}

.inquiry_container_arrow span {
    font-size: 24px;
    font-weight: 700;
    margin-top: 50px;
    margin-bottom: 77px;
    display: inline-block;
}

.site_day {
    height: 104px;
    width: 69px;
    float: left;
    background: url(/app_themes/images/site_day.png);
    position: fixed;
    left: 0%;
    transform: translate(0%, -30%);
    top: 55%;
}

.newsletter_icon {
    height: 70px;
    width: 58px;
    float: left;
    background: url(/app_themes/images/sprit.png) no-repeat 0px -1083px
}

.newsletter_icon1 {
    height: 56px;
    width: 58px;
    float: left;
    background: url(/app_themes/images/sprit.png) no-repeat -2px -384px;
    display: none
}

.newsletter_input {
    width: 24%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 188px;
    z-index: 999
}

.newsletter_input input {
    float: left;
    width: 220px;
    height: 39px;
    margin: 16px 0;
    border: 0;
    transition: all ease 2s;
    display: none
}

.newsletter span {
    height: 64px;
    width: 4px;
    float: left;
    background: url(/app_themes/images/sprit.png) no-repeat -1px -140px;
    position: fixed;
    left: 0;
    bottom: 190px;
    z-index: 9
}

.footer_hovericon {
    height: 46px;
    width: 84px;
    float: left;
    background: url(/app_themes/images/sprit.png) no-repeat -1px -1214px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9
}

#nws_msg {
    height: 41px;
    width: 84px;
    float: left;
    background: url(/app_themes/images/sprit.png) no-repeat -1px -474px;
    position: fixed;
    left: 220px;
    bottom: 203px;
    z-index: 99999;
    display: none
}

.footer_bg {
    width: 100%;
    height: 48px;
    position: fixed;
    bottom: 0;
    background: #636;
    z-index: 999;
    display: none
}

.footer_rocketicon {
    height: 86px;
    width: 83px;
    float: left;
    background: url(/app_themes/images/sprit.png) no-repeat -1px -1830px;
    margin-top: -38px;
    margin-left: 0 !important
}

.footer_bg ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    float: right;
    margin-right: 30px
}

.footer_bg ul li {
    float: left;
    list-style: none;
    margin-right: 4px;
    color: #fff;
}

.footer_bg ul li a {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase
}

.footer_bg ul li a:hover {
    font-size: 15px;
    color: #fff;
    text-decoration: none
}

.footer_nav {
    width: 76%;
    display: inline-block
}

.registerform {
    width: 315px;
    position: fixed;
    text-align: center;
    right: 0;
    bottom: 0;
    z-index: 999999999999;
    background: url(/app_themes/images/get_inquirybg.png) no-repeat 0 0/100% 100%;
    height: 430px;
    display: none
}

.closeBtn_mob {
    position: absolute;
    left: 4px;
    background: url(/app_themes/images/cross_inquiry.png) no-repeat 0 0;
    height: 10px;
    width: 10px;
    top: 5px;
    cursor: pointer;
    background-size: 100%;
}

.closeBtn_mob1 {
    position: absolute;
    right: 18px;
    background: url(/app_themes/images/cross_inquiry.png) no-repeat 0 0;
    height: 8px;
    width: 8px;
    top: 5px;
    cursor: pointer
}

.cotaineregisterfrmheading {
    width: 100%;
    height: auto;
    padding-top: 10px;
}

.headingofregister {
    color: #fff;
    margin: 14px 0 0 0;
    text-transform: uppercase;
    font-size: 20px
}

.belowregisterheaing {
    font-size: 18px;
    color: #fff
}

.signupgreenbox {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 0 10px
}

.signuptext {
    margin-top: 16px;
    color: #fff;
    width: 100%;
    text-transform: capitalize;
    font-size: 13px
}

.signuptext span {
    color: #3c6
}

.containerofeachfield {
    width: 100%;
    height: 32px;
    margin-top: 10px;
    margin-bottom: 10px
}

.iconoffirstname {
    background: url(/app_themes/images/sprite.png) no-repeat 6px 6px
}

.inputbox {
    width: 10%;
    height: 32px;
    border: 1px solid transparent;
    border-right: 1px solid #999;
    box-sizing: border-box;
    font-size: 16px;
    float: left
}

.inputfield {
    width: 90%;
    height: 32px;
    color: #666;
    border: 0;
    font-size: 14px;
    box-sizing: border-box;
    padding: 0;
    resize: none;
    margin-top: 0;
    border: 1px solid transparent;
    padding-left: 10px;
    padding-right: 10px;
    float: left
}

.iconofemail {
    background: url(/app_themes/images/sprite.png) no-repeat 6px -34px
}

.iconofphonenum {
    background: url(/app_themes/images/sprite.png) no-repeat 6px -74px
}

.borer_none {
    border: 0 !important
}

.countrycontainer {
    width: 90%;
    height: 32px;
    overflow: hidden;
    border: 1px solid #fff;
    box-sizing: border-box
}

.dropdowncountry {
    width: 100%;
    height: 32px;
    border: 0;
    box-sizing: border-box;
    padding-left: 6px;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    color: #757575 !important;
    background: url(/app_themes/images/dropdown_arrow.png) no-repeat #fff 96% center;
    cursor: pointer
}

.iconofcountry {
    background: url(/app_themes/images/sprite.png) no-repeat 6px -115px
}

.iconofpass {
    background: url(/app_themes/images/sprite.png) no-repeat 6px -154px
}

.inputbox {
    background-color: #fff !important
}

.iconoftextarea {
    background: url(/app_themes/images/sprite.png) no-repeat 6px 6px
}

.iconofcaptcha {
    background: url(/app_themes/images/sprite.png) no-repeat 6px -196px
}

.textAreaContainer {
    width: 90%;
    overflow: hidden;
    box-sizing: border-box
}

.textArea {
    width: 100%;
    height: 50px;
    padding: 4px 4px 0;
    color: transparent;
    text-shadow: #666 0 0 0
}

.containerofeachfield {
    width: 100%;
    height: 32px;
    margin-top: 10px
}

.Captchacon {
    position: relative;
    height: 32px;
    width: 42%;
    float: left;
    margin-left: 6px !important
}

.margin0 {
    margin: 0
}

.Captchacon input[type=text] {
    width: 100%;
    height: 32px;
    background: #fff;
    box-sizing: border-box;
    padding-left: 6px;
    border: 0;
    font-size: 18px;
    color: #1b1b1b
}

.refreshBtn {
    width: auto;
    height: auto;
    color: #fff;
    border: 0;
    float: left;
    background: 0 0;
    font-style: italic
}

.SmallArea {
    width: 34%;
    height: 32px;
    float: left
}

.stillconfused {
    width: 100%;
    text-align: center
}

.display_inline_block {
    float: none;
    display: inline-block
}

.testi_btn_cont {
    float: right;
    position: relative;
    width: 88%;
    margin-top: 15px;
    opacity: 1
}

.registernowtxt {
    background: url(/app_themes/images/get_inquiryGo.png) center no-repeat;
    height: 40px;
    width: 40px;
    border: 0;
    position: absolute;
    right: -4px;
    top: -12px
}

.inputbox1 {
    width: 10%;
    background-color: #fff !important;
    height: 50px;
    border: 0;
    box-sizing: border-box;
    font-size: 16px;
    float: left
}

.iconoftextarea {
    background: url(/app_themes/images/sprite.png) no-repeat 6px -32px
}

.containerofeachfield1 {
    margin-top: 10px
}

.msg2 {
    background: url() no-repeat 0 0;
    height: 23px;
    width: 30px;
    border: 0;
    position: absolute;
    right: 8px;
    display: none;
    bottom: 14px
}

.dsplaynone {
    display: none
}

.Get_inquiry_container {
    position: fixed;
    z-index: 9999;
    background: url(/app_themes/images/request_callbg.png) no-repeat;
    height: 264px;
    width: 898px;
    left: 29px;
    top: 94px;
    display: none
}

.headingofcontact {
    color: #fff;
    margin: 8px 0 0 0;
    text-transform: uppercase;
    font-size: 20px;
    margin-left: 252px;
    font-style: italic
}

.containerofcontactfield_left {
    width: 50%;
    height: 36px;
    margin-top: 6px;
    float: left;
    position: relative;
    display: inline-block
}

.containerofcontactfield_right {
    width: 50%;
    height: 36px;
    margin-top: 6px;
    float: left;
    position: relative;
    display: inline-block
}

.containerofcontactfield_left .inputfield {
    background: url(/app_themes/images/contact_input.png) no-repeat left center;
    height: 36px;
    padding-left: 32px;
    vertical-align: middle;
    width: 100%;
    position: absolute;
    left: 30px;
    font-style: italic
}

.containerofcontactfield_right .inputfield {
    background: url(/app_themes/images/contact_input.png) no-repeat left center;
    height: 36px;
    padding-left: 32px;
    vertical-align: middle;
    width: 100%;
    position: absolute;
    font-style: italic
}

.containerofcontactfield_left .dropdowncountry,
.containerofcontactfield_right .dropdowncountry {
    background: url(/app_themes/images/contact_input.png) no-repeat left center;
    height: 36px;
    padding-left: 32px;
    vertical-align: middle;
    width: 100%;
    position: absolute;
    font-style: italic
}

.containerofcontactfield_right2 {
    left: -34px
}

.containerofcontactfield_left2 {
    left: -64px
}

.containerofcontactfield_right3 {
    left: -66px
}

.containerofcontactfield_right6 {
    left: -101px
}

.containerofcontactfield_left3 {
    left: -96px
}

.containerofcontactfield_right4 .inputfield_capth1 {
    background: url(/app_themes/images/cptcha1.png) no-repeat left center;
    width: 56%;
    left: -106px;
    padding-left: 40px
}

.containerofcontactfield_right4 .inputfield_capth2 {
    background: url(/app_themes/images/cptcha2.png) no-repeat 0 -5px;
    width: 50%;
    left: 60px;
    padding: 0;
    color: #c00;
    font-weight: 700
}

.containerofcontactfield_right4 {
    right: -289px;
    top: -86px
}

.containerofcontactfield_left4 {
    left: -134px;
    height: 76px;
    width: 55%
}

.containerofcontactfield_left4 .textArea {
    background: url(/app_themes/images/textarea_bg.png) no-repeat left center/100%;
    height: 76px;
    padding-left: 79px;
    vertical-align: middle;
    width: 100%;
    position: absolute;
    border: 0 !important;
    -webkit-appearance: menulist !important;
    font-style: italic
}

.signupgreenbox_contact {
    width: 74%;
    height: auto;
    display: inline-block;
    padding: 10px 10px 0 12px;
    margin-left: 190px
}

.inputfield12 {
    left: -34px
}

input:focus,
select:focus,
textarea:focus {
    outline: -webkit-focus-ring-color auto 0 !important;
    border: 0 !important
}

textarea:focus {
    -webkit-appearance: menulist !important
}

.refreshBtn12 {
    position: absolute;
    right: 140px;
    top: 12px;
    color: #000;
    background: url() no-repeat 0 0 transparent;
    height: 15px;
    width: 13px;
    border: 0
}

.btnCon {
    position: absolute;
    right: 248px;
    bottom: 12px;
}

.conSubmitBtn {
    background: #549ae0;
    height: auto;
    width: auto;
    display: inline-block;
    border: 0;
    color: #fff;
    padding: 10px 30px;
    font-weight: bold;
}

.sucesMsg {
    position: absolute;
    bottom: 0;
    width: auto;
    color: #19ff2d;
    display: none;
    left: 70px;
    margin: auto;
}

.footer_bg p {
    float: left;
    color: #fff;
    margin-bottom: 0
}

.footer_bg a {
    color: #fff;
    margin-left: 4px
}

.footer_bg a:hover {
    color: #fff
}

.Start_projectBtn {
    display: none
}

.blog_main {
    position: relative;
    top: 0;
    width: 100%;
    padding-left: 122px;
    padding-right: 122px;
    padding-bottom: 30px;
    background: #f9f9f9;
    margin-top: 30px
}

.rec_heading {
    color: #333365;
    text-transform: uppercase;
    margin: 25px 0 30px;
    border-bottom: 1px solid #8e8c8c;
    padding-bottom: 5px;
    font-size: 30px;
    font-weight: 700
}

.recentsSections {
    border-bottom: 1px solid #8e8c8c;
    margin-bottom: 20px;
    padding: 0 0 10px
}

.rec_img {
    min-height: 100px
}

.rec_img img {
    width: 100%;
    height: 100px
}

.contentContainer {
    width: 100%;
    float: left;
    padding: 10px 0
}

#divBlog a {
    display: block;
    text-align: left;
    font: bold 14px arial;
    color: #336;
    text-transform: uppercase
}

#divBlog p {
    font: 14px/16px arial;
    color: #336;
    margin: 5px 0;
    float: left;
    width: 100%
}

.recent_post_container {
    float: left;
    text-align: center !important;
    width: 100% !important;
    background: #336 !important;
    margin: 15px 0;
    border-radius: 5px
}

.Right_sidebar_heading {
    margin: 20px 0 10px;
    font: 700 20px arial;
    color: #0a8fbf;
    text-align: left;
    border-bottom: 1px solid #fff;
    padding: 0 15px 5px;
    text-transform: uppercase
}

.rec_dll {
    padding-left: 0 !important;
    display: inline-block;
    width: 90%;
    margin: 0 !important
}

.rec_dll li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #8e8c8c;
    background-image: none !important;
    padding-left: 0 !important;
    list-style: none
}

.rec_dll li a {
    text-align: center;
    font: 14px arial;
    color: #fff;
    padding: 12px 0;
    float: left;
    width: 100%;
    text-align: left
}

.marginBottom0 {
    margin-bottom: 0 !important
}

.CatContainer {
    width: 100% !important;
    background: #336 !important;
    border: 0 !important
}

.CatContainer ul {
    min-width: 90% !important;
    padding-left: 0 !important;
    display: inline-block;
    width: 90% !important;
    margin: 0 !important
}

.jqx-tree-item {
    color: #fff !important
}

.jqx-fill-state-hover {
    border: 0 !important
}

.dyn_wrapper h1 {
    font-size: 28px;
    font-weight: 700;
    color: #336;
    display: inline-block;
    margin: 10px 0 0 0 !important;
    text-transform: uppercase
}

.dyn_heading1 {
    color: #353535;
    display: inline-block;
    float: none;
    font-size: 16px
}

#divContent p {
    font-size: 14px;
    color: #336;
    margin: 6px 0 6px 0
}

#divContent p img {
    width: 100% !important;
    margin-top: 10px
}

#divContent h2 {
    color: #336;
    display: inline-block;
    margin: 15px 0 10px 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700
}

#divContent h3 {
    font-size: 18px;
    font-weight: 700;
    color: #336;
    display: inline-block;
    margin: 10px 0 0 0;
    text-transform: uppercase
}

#divContent ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    padding-left: 0px;
    width: 100%
}

#divContent ul li {
    list-style: none;
    font-size: 14px;
    background: url(/app_themes/images/sprit.png) no-repeat 0px -2130px;
    padding-left: 30px;
    color: #336
}

.hundred_Wrapper {
    width: 100% !important;
    float: left
}

.dyn_llblB {
    width: 100%;
    padding-top: 5px;
    float: left;
    font-size: 18px;
    font-weight: 400
}

.float_left {
    float: left !important
}

.containerofeachfieldB {
    width: 100%;
    height: 32px;
    margin-bottom: 10px
}

.border_grey {
    border: 1px solid grey !important
}

.inputfield_blogD {
    width: 87%;
    height: 32px;
    color: #666;
    border: 0;
    font: 400 18px Segoe UI;
    box-sizing: border-box;
    padding: 0;
    resize: none;
    margin-top: 0;
    border: 1px solid transparent;
    padding-left: 10px;
    padding-right: 10px
}

.dyn_txt_area {
    resize: none;
    height: 75px;
    padding-top: 10px
}

.border_width78 {
    border: 1px solid grey !important;
    width: 78% !important
}

.dyn_heading1 {
    color: #353535;
    font-size: 16px;
    display: inline-block;
    float: none;
    margin: 20px 0
}

.rating {
    width: 140px;
    margin-bottom: 10px
}

.rating:not(:checked)>input {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.rating:not(:checked)>label {
    float: right;
    width: 1em;
    padding: 0 .1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 200%;
    line-height: 1.2;
    color: #ddd;
    text-shadow: 1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0, 0, 0, .5)
}

.rating:not(:checked)>label:before {
    content: '★ '
}

.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
    color: gold;
    text-shadow: 1px 1px #daa520, 2px 2px #b57340, .1em .1em .2em rgba(0, 0, 0, .5)
}

.rating>label:active {
    position: relative;
    top: 0;
    left: 2px
}

.rating>input:checked+label:hover,
.rating>input:checked+label:hover~label,
.rating>input:checked~label:hover,
.rating>input:checked~label:hover~label,
.rating>label:hover~input:checked~label {
    color: #ea0;
    text-shadow: 1px 1px #daa520, 2px 2px #b57340, .1em .1em .2em rgba(0, 0, 0, .5)
}

.rating>input:checked~label {
    color: #f70;
    text-shadow: 1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0, 0, 0, .5)
}

.dyn_fld_container,
.dyn_wrapper {
    width: 100%;
    display: inline-block
}

.overflow_scroll {
    overflow-y: scroll
}

.overflow_scroll .Top_leftside {
    position: fixed
}

.dynamic_container {
    background: #f9f9f9
}

.somehight {
    height: 18px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px
}

.sucesMsg1 {
    font-size: 14px;
    background: url(/app_themes/images/sprite.png) no-repeat -479px -57px;
    color: #30991b;
    width: 100%;
    padding-left: 25px;
    padding-top: 2px;
    box-sizing: border-box;
    margin-top: 7px;
    display: none
}

.unsucesMsg {
    background: url(/app_themes/images/sprite.png) no-repeat -474px -818px;
    color: red;
    padding: 6px 0;
    display: none;
    font-size: 14px;
    text-align: left
}

.msg2,
.msg3 {
    font-size: 12px;
    background: url(/app_themes/images/sprite.png) no-repeat -479px -55px;
    color: #30991b;
    width: 100%;
    padding-left: 25px;
    padding-top: 2px;
    box-sizing: border-box;
    margin-top: 7px;
    display: none
}

.erro_container {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 130px
}

.takeme_A {
    font-size: 20px;
    padding: 10px;
    background: #336;
    border: 0;
    color: #fff;
    margin-top: 30px;
    display: inline-block
}

.takeme_A:hover {
    text-decoration: none;
    color: #fff;
    padding: 12px
}

.fourzro {
    display: inline-block;
    width: 100%;
    font-size: 200px;
    font-weight: 700;
    color: #336
}

.zeropara {
    font-size: 20px
}

.industry_ul_select {
    width: 230px;
    height: 38px;
    border: 1px solid #d9d9d9;
    text-align: left;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font: 14px arial;
    color: #303b44;
    padding: 0 0 0 10px;
    background: url(/app_themes/images/dropdown_arrow.png) no-repeat #fff 96% center !important
}

.left_top_area {
    width: 73%;
    margin-top: 0;
    text-align: center;
    display: inline-block;
    position: relative;
    z-index: 999
}

.CS_container {
    margin-top: 70px
}

.overflow_scroll .Get_inquiry_container {
    z-index: 99999999999999 !important
}

.right_top_area {
    float: right
}

.portfolio_container {
    display: inline-block;
    width: 100%;
    margin: 25px 0 30px
}

.portfolio_menu {
    display: inline-block;
    width: 100%;
    background-color: transparent !important;
    border: none !important
}

.portfolio_menu .jqx-menu {
    background-color: transparent !important;
    border: none !important;
    width: 100% !important
}

.jqx-menu-ul {
    width: 100%;
    transition: .5s ease all;
    padding: 2px 0 !important
}

.jqx-menu-ul li {
    font: bold 14px arial;
    text-transform: uppercase;
    color: #000;
    padding: 6px 25px !important;
    border-radius: 5px !important;
    transition: .5s ease all
}

.jqx-menu-ul li.active,
.jqx-menu-ul li.activeNew {
    color: #fff !important;
    border-color: transparent !important;
    background-color: #00aeff !important
}

.jqx-fill-state-pressed,
.jqx-menu-ul li:hover {
    color: #fff !important;
    border-color: transparent !important;
    background-color: #00aeff !important
}

.portfolio_img {
    width: 100%;
    height: 190px;
    cursor: pointer
}

.portfolio_img img {
    width: 100%;
    height: 100%
}

#testing {
    margin-top: 0 !important
}

#testing div:first-child {
    border-radius: 5px !important
}

#testing ul {
    border-radius: 5px !important
}

.Portfolio_wrapper {
    float: left;
    width: 100%;
    min-height: 500px;
    margin: 20px 0;
    transition: .5s ease all
}

.Portfolio_wrapper ul {
    width: 100%;
    text-align: center;
    float: left;
    margin: 0;
    padding: 0
}

.Portfolio_wrapper ul li {
    width: 24.6%;
    text-align: center;
    float: left;
    position: relative;
    list-style: none;
    border: 2px solid #fff
}

.noneOnDeskTop {
    display: none !important
}

.portfolio_hover {
    box-sizing: border-box;
    color: #fff;
    float: left;
    height: 190px;
    opacity: 0;
    text-align: left;
    width: 100%;
    position: absolute;
    z-index: 99999;
    top: 0
}

.portfolio_hover img {
    width: 100%;
    height: 192px
}

.Portfolio_wrapper ul li:nth-child(4n+1) .portfolio_hover {
    left: 0 !important
}

.Portfolio_wrapper ul li:hover:nth-child(4n+4) .portfolio_hover {
    left: -225px !important
}

.Portfolio_wrapper ul li:hover .portfolio_hover img {
    width: 520px !important;
    height: 380px !important
}

.Portfolio_wrapper ul li:hover .portfolio_hover {
    opacity: 1;
    height: 380px;
    left: -120px;
    top: -33px;
    width: 520px;
    transition: all .5s ease-in-out 0;
    z-index: 9999999999
}

.portHoverBgClr {
    background: 0 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.Project_name {
    display: none;
    font-size: 17px;
    text-transform: uppercase;
    margin: 16px;
    color: #fff;
    transition: .5s ease all;
    float: left;
    display: inline-block
}

.item_description {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-align: left
}

.readmore_btnBg {
    height: 50px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, .8)
}

.readmore_btn {
    display: block;
    float: right;
    margin: 14px;
    width: 45px;
    height: 25px;
    background: url() no-repeat 0 0/100% 100%
}

.readmore_btn:hover {
    background-image: url();
    transition: .5s ease all
}

.jqx-menu-popup div:first-child {
    width: 100% !important;
    top: 0 !important
}

#dropdowncontainer {
    width: 100%;
    height: 0;
    transition: .5s ease all
}

.jqx-menu-dropdown {
    width: 100% !important;
    padding: 0 !important;
    border: 0 !important
}

.jqx-menu-popup {
    max-width: 1200px !important;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important
}

.jqx-menu-dropdown li {
    padding: 10px !important;
    margin: 0 !important;
    font: bold 13px arial;
    color: #0b79ac !important;
    border-radius: 0 !important;
    text-transform: capitalize;
    float: left !important;
    border-bottom: 1px solid transparent;
    padding-bottom: 0
}

.jqx-menu-dropdown li:hover {
    border-bottom: 1px solid #0b79ac !important
}

.jqx-fill-state-hover {
    color: #00aeff !important;
    background-color: transparent !important;
    border-color: transparent !important
}

.cs_upper {
    width: 100%
}

.cs_heading {
    font: 22px Quicksand_bold;
    color: #00aeff;
    text-align: left;
    display: block
}

.cs_des {
    font: 18px Quicksand_bold;
    text-align: left;
    color: #bbb;
    display: block
}

.img_description h1 {
    text-align: center
}

.img_description p {
    font: 18px Quicksand_bold;
    text-align: center;
    color: #bbb;
    display: block
}

.img_description img {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 10px
}

.lockScreen {
    background-color: #2b2b2a;
    border: 0 none;
    display: none;
    height: 100%;
    left: 0;
    opacity: .7;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999999
}

.loader {
    margin: auto;
    font-size: 10px;
    position: fixed;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(0, 0, 0, .2);
    border-right: 1.1em solid rgba(0, 0, 0, .2);
    border-bottom: 1.1em solid rgba(0, 0, 0, .2);
    border-left: 1.1em solid #bebebe;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 99999999
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 8em;
    height: 8em
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#Menu1 ul {
    background: #fff
}

#Menu1 ul li {
    float: left;
    font: bold 14px arial;
    text-transform: uppercase;
    color: #000 !important;
    transition: .5s ease all
}

#Menu1 ul li a {
    padding: 10px 20px !important
}

#Menu1 ul li a:hover {
    color: #fff !important;
    border-color: transparent !important;
    background-color: #336 !important;
    border-radius: 6px;
    transition: all ease 1s
}

#Menu1 ul.dynamic {
    width: 494px !important;
    left: 14px !important;
    margin-top: 0 !important;
    background: #fff;
    border-top: 1px solid #000
}

.level2 li {
    font: bold 13px arial !important;
    color: #0b79ac !important;
    border-bottom: 1px solid transparent
}

#Menu1 a.level1 {
    color: #336 !important
}

#Menu1 a.level2 {
    padding: 10px 10px !important;
    text-transform: capitalize !important;
    color: #336 !important;
    padding-bottom: 14px !important;
    border-right: 1px solid #000
}

#Menu1 a.level2:hover {
    background-color: #336 !important;
    border-radius: 0 !important;
    color: #fff !important;
    border-bottom: 1px solid #336 !important
}

#Menu1 a.popout {
    background-image: none !important
}

#divRightPanel img {
    width: 100%;
    height: auto;
    margin: 10px 0
}

.price-inner h4,
.unlimited,
a.btn_package {
    text-align: center;
    text-transform: uppercase
}

.mcd-menu {
    float: left;
    position: relative
}

.mcd-menu a {
    display: block;
    text-decoration: none;
    padding: 12px 20px;
    text-align: center;
    color: #777
}

.mcd-menu a i {
    display: block;
    font-size: 30px;
    margin-bottom: 10px
}

.mcd-menu a i,
.mcd-menu a small,
.mcd-menu a strong {
    position: relative;
    transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear
}

.mcd-menu:hover>a i {
    opacity: 1;
    -webkit-animation: moveFromTop .3s ease-in-out;
    -moz-animation: moveFromTop .3s ease-in-out;
    -ms-animation: moveFromTop .3s ease-in-out;
    -o-animation: moveFromTop .3s ease-in-out;
    animation: moveFromTop .3s ease-in-out
}

.mcd-menu:hover a strong {
    opacity: 1;
    -webkit-animation: moveFromLeft .3s ease-in-out;
    -moz-animation: moveFromLeft .3s ease-in-out;
    -ms-animation: moveFromLeft .3s ease-in-out;
    -o-animation: moveFromLeft .3s ease-in-out;
    animation: moveFromLeft .3s ease-in-out
}

.mcd-menu:hover a small {
    opacity: 1;
    -webkit-animation: moveFromRight .3s ease-in-out;
    -moz-animation: moveFromRight .3s ease-in-out;
    -ms-animation: moveFromRight .3s ease-in-out;
    -o-animation: moveFromRight .3s ease-in-out;
    animation: moveFromRight .3s ease-in-out
}

.mcd-menu a.active {
    position: relative;
    color: #6566cc;
    border: 0;
    border-top: 4px solid #6566cc;
    border-bottom: 4px solid #6566cc;
    margin-top: -4px;
    box-shadow: 0 0 5px #ddd;
    -moz-box-shadow: 0 0 5px #ddd;
    -webkit-box-shadow: 0 0 5px #ddd
}

.mcd-menu a.active:before {
    content: "";
    position: absolute;
    top: 0;
    left: 45%;
    border-top: 5px solid #6566cc;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

@-webkit-keyframes moveFromTop {
    from {
        opacity: 0;
        -webkit-transform: translateY(200%);
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -o-transform: translateY(200%);
        transform: translateY(200%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -ms-transform: translateX(200%);
        -o-transform: translateX(200%);
        transform: translateX(200%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes moveFromRight {
    from {
        opacity: 0;
        -webkit-transform: translateX(-200%);
        -moz-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        -o-transform: translateX(-200%);
        transform: translateX(-200%)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

.mcd-menu ul,
.mcd-menu ul li ul {
    position: absolute;
    height: auto;
    min-width: 300px;
    padding: 0;
    margin: 0;
    background: #fff;
    border-top: 4px solid #6566cc;
    opacity: 0;
    visibility: hidden;
    transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    top: 130px;
    z-index: 1000
}

.mcd-menu ul li ul {
    min-width: 360px
}

.mcd-menu ul {
    top: 56px;
    left: -76px;
    border-left: 2px dashed #6566cc;
    border-right: 2px dashed #6566cc;
    border-bottom: 2px dashed #6566cc
}

.mcd-menu ul li ul {
    left: 420px;
    top: -4px;
    border-left: 2px dashed #6566cc;
    border-right: 2px dashed #6566cc;
    border-bottom: 2px dashed #6566cc
}

.mcd-menu ul:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 23%;
    border-bottom: 5px solid #6566cc;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.mcd-menu ul li:hover>ul,
.mcd-menu:hover>ul {
    display: block;
    opacity: 1;
    visibility: visible;
    top: 56px
}

.mcd-menu ul li {
    float: none;
    list-style: none
}

.mcd-menu ul li a {
    padding: 0 10px;
    text-align: left;
    border: 0;
    border-bottom: 1px solid #eee;
    color: #333365
}

.mcd-menu ul li a i {
    font-size: 16px;
    display: inline-block;
    margin: 0 10px 0 0
}

.mcd-menu li ul li ul {
    left: 230px;
    top: 0;
    border: 0;
    border-left: 4px solid #6566cc
}

.mcd-menu ul li:hover>ul {
    top: -4px;
    left: 350px
}

.mcd-menu.float {
    float: right
}

.mcd-menu a.search {
    padding: 29px 20px 30px 10px
}

.mcd-menu a.search i {
    margin: 0;
    display: inline-block;
    font-size: 18px
}

.mcd-menu a.search input {
    border: 1px solid #eee;
    padding: 10px;
    background: #fff;
    outline: 0;
    color: #777
}

.mcd-menu a.search button {
    border: 1px solid #6566cc;
    padding: 10px;
    background: #6566cc;
    outline: 0;
    color: #fff;
    margin-left: -4px
}

.mcd-menu a.search input:focus {
    border: 1px solid #6566cc
}

.search-mobile {
    display: none !important;
    background: #6566cc;
    border-left: 1px solid #6566cc;
    border-radius: 0 3px 3px 0
}

.search-mobile i {
    color: #fff;
    margin: 0 !important
}

.second_ul {
    top: 47px !important
}

.third_ul {
    top: 95px !important;
    min-width: 374px !important;
    min-width: 400px !important
}

.forth_ul {
    top: 145px !important;
    left: 440px !important
}

.fifth_ul {
    top: 195px !important
}

.sixth_ul {
    top: 245px !important
}

.mcd-menu ul li:before {
    content: "";
    position: absolute;
    top: -8px;
    left: 23%;
    border-bottom: 0 !important
}

.full_width_pop {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    background: url(/app_themes/images/portfolio_bg.jpg) no-repeat center;
    z-index: 9999999999;
    overflow: hidden;
    background-size: cover;
    display: none
}

.pop_content {
    padding: 10px;
    border-radius: 8px;
    margin-top: 26%;
    text-align: center;
    width: 100%
}

.pop_content span {
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 42px;
    margin: 0;
    display: inline-block;
    width: 100%
}

.pop_content span {
    font-size: 28px
}

.pop_content small {
    font-size: 18px;
}

#loader-1 span {
    display: inline-block;
    height: 15px;
    width: 15px;
    background: #fff;
    border-radius: 0
}

.border-radius {
    border-radius: 500px
}

[id*=loader-] {
    margin-top: 20px;
    margin-bottom: 20px;
    float: none;
    display: inline-block
}

#loader-1 span:nth-child(1) {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    border-radius: 500px;
    -webkit-animation: scale 1s .1s infinite cubic-bezier(.6, -.28, .735, .045);
    animation: scale 1s .1s infinite cubic-bezier(.6, -.28, .735, .045)
}

#loader-1 span:nth-child(2) {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    border-radius: 500px;
    -webkit-animation: scale 1s .2s infinite cubic-bezier(.6, -.28, .735, .045);
    animation: scale 1s .2s infinite cubic-bezier(.6, -.28, .735, .045)
}

#loader-1 span:nth-child(3) {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    border-radius: 500px;
    -webkit-animation: scale 1s .3s infinite cubic-bezier(.6, -.28, .735, .045);
    animation: scale 1s .3s infinite cubic-bezier(.6, -.28, .735, .045)
}

#loader-1 span:nth-child(4) {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    border-radius: 500px;
    -webkit-animation: scale 1s .4s infinite cubic-bezier(.6, -.28, .735, .045);
    animation: scale 1s .4s infinite cubic-bezier(.6, -.28, .735, .045)
}

#loader-1 span:nth-child(5) {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    border-radius: 500px;
    -webkit-animation: scale 1s .5s infinite cubic-bezier(.6, -.28, .735, .045);
    animation: scale 1s .5s infinite cubic-bezier(.6, -.28, .735, .045)
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    25% {
        -webkit-transform: scale(.9, .9);
        transform: scale(.9, .9);
        background: #fff
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        margin: 0 3px;
        background: #fff
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    25% {
        -webkit-transform: scale(.9, .9);
        transform: scale(.9, .9);
        background: #fff
    }
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        margin: 0 3px;
        background: #fff
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes rotateY {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
    50% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        background: #fff
    }
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@keyframes rotateY {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
    50% {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg);
        background: #fff
    }
    100% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@-webkit-keyframes rotateX {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }
    50% {
        -webkit-transform: rotateX(90deg) scale(.5, .5);
        transform: rotateX(90deg) scale(.5, .5);
        background: #fff
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }
}

@keyframes rotateX {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }
    50% {
        -webkit-transform: rotateX(90deg) scale(.5, .5);
        transform: rotateX(90deg) scale(.5, .5);
        background: #fff
    }
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0)
    }
}

@-webkit-keyframes push {
    0% {
        -webkit-transform: translateX(0) scale(.9, .6);
        transform: translateX(0) scale(.9, .6)
    }
    50% {
        -webkit-transform: translateY(-20px) scale(.7, 1.1);
        transform: translateY(-20px) scale(.7, 1.1);
        background: #fff
    }
    100% {
        -webkit-transform: translateX(0) scale(.9, .6);
        transform: translateX(0) scale(.9, .6)
    }
}

@keyframes push {
    0% {
        -webkit-transform: translateX(0) scale(.9, .6);
        transform: translateX(0) scale(.9, .6)
    }
    50% {
        -webkit-transform: translateY(-20px) scale(.7, 1.1);
        transform: translateY(-20px) scale(.7, 1.1);
        background: #fff
    }
    100% {
        -webkit-transform: translateX(0) scale(.9, .6);
        transform: translateX(0) scale(.9, .6)
    }
}

@-webkit-keyframes rotateZ {
    0% {
        -webkit-transform: rotateZ(-20deg);
        transform: rotateZ(-20deg)
    }
    50% {
        -webkit-transform: rotateZ(20deg) scaleY(1.2);
        transform: rotateZ(20deg) scaleY(1.2);
        background: #fff
    }
    100% {
        -webkit-transform: rotateZ(-20deg);
        transform: rotateZ(-20deg)
    }
}

@keyframes rotateZ {
    0% {
        -webkit-transform: rotateZ(-20deg);
        transform: rotateZ(-20deg)
    }
    50% {
        -webkit-transform: rotateZ(20deg) scaleY(1.2);
        transform: rotateZ(20deg) scaleY(1.2);
        background: #fff
    }
    100% {
        -webkit-transform: rotateZ(-20deg);
        transform: rotateZ(-20deg)
    }
}

@-webkit-keyframes cuve {
    0% {
        -webkit-transform: rotateY(-90deg) perspective(50px);
        transform: rotateY(-90deg) perspective(50px);
        background: #fff
    }
    50% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        background: #fff
    }
    100% {
        -webkit-transform: rotateY(90deg) perspective(50px);
        transform: rotateY(90deg) perspective(50px);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        background: #fff
    }
}

@keyframes cuve {
    0% {
        -webkit-transform: rotateY(-90deg) perspective(50px);
        transform: rotateY(-90deg) perspective(50px);
        background: #fff
    }
    50% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0);
        background: #fff
    }
    100% {
        -webkit-transform: rotateY(90deg) perspective(50px);
        transform: rotateY(90deg) perspective(50px);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        background: #fff
    }
}

@-webkit-keyframes temp {
    50% {
        -webkit-transform: scale(1, 5);
        transform: scale(1, 5);
        background: #fff
    }
}

@keyframes temp {
    50% {
        -webkit-transform: scale(1, 5);
        transform: scale(1, 5);
        background: #fff
    }
}

.csslider1 {
    display: inline-block;
    position: relative;
    height: 768px;
    width: 100%
}

.csslider1,
.csslider1 *,
.csslider1 :after,
.csslider1 :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.csslider1>.cs_anchor {
    display: none
}

.csslider1>ul {
    position: fixed;
    z-index: 1;
    font-size: 0;
    line-height: 0;
    margin: 0 auto;
    padding: 0;
    height: 100%;
    width: 100%
}

.csslider1>ul>.cs_skeleton {
    width: 100%;
    visibility: hidden;
    font-size: 0;
    line-height: 0
}

.csslider1>ul>.slide.img img {
    width: 100%;
    height: 100%
}

.csslider1>ul>.slide.img a {
    font-size: 0;
    color: transparent
}

.csslider1>ul>.slide {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 15px;
    font-size: initial;
    line-height: normal;
    white-space: normal;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.csslider1 .cs_engine {
    position: absolute;
    top: -9999px;
    left: -9999px;
    font-size: 0;
    opacity: 0
}

.csslider1>.cs_arrownext,
.csslider1>.cs_arrowprev,
.csslider1>.cs_bullets,
.csslider1>.cs_play_pause,
.csslider1>ul>li.img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.csslider1>#cs_pause1_0:checked~ul>.slide.num0,
.csslider1>#cs_pause1_1:checked~ul>.slide.num1,
.csslider1>#cs_slide1_0:checked~ul>.slide.num0,
.csslider1>#cs_slide1_1:checked~ul>.slide.num1 {
    opacity: 1;
    z-index: 2;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
}

.csslider1>ul>.slide {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: -webkit-transform 2s ease, opacity 2s ease;
    transition: -webkit-transform 2s ease, transform 2s ease, opacity 2s ease;
    -webkit-transform: rotate(180deg) scale(7);
    transform: rotate(180deg) scale(7)
}

@-webkit-keyframes rotate1 {
    0%,
    100%,
    62.5% {
        opacity: 0;
        -webkit-transform: rotate(180deg) scale(7);
        transform: rotate(180deg) scale(7)
    }
    12.5%,
    50% {
        opacity: 1;
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }
    0%,
    49.999% {
        z-index: 2
    }
    100%,
    50.001% {
        z-index: 1
    }
}

@keyframes rotate1 {
    0%,
    100%,
    62.5% {
        opacity: 0;
        -webkit-transform: rotate(180deg) scale(7);
        transform: rotate(180deg) scale(7)
    }
    12.5%,
    50% {
        opacity: 1;
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }
    0%,
    49.999% {
        z-index: 2
    }
    100%,
    50.001% {
        z-index: 1
    }
}

.csslider1>#cs_play1:checked~ul>.slide.num0 {
    -webkit-animation: rotate1 16s infinite -2s;
    animation: rotate1 16s infinite -2s
}

.csslider1>#cs_play1:checked~ul>.slide.num1 {
    -webkit-animation: rotate1 16s infinite 6s;
    animation: rotate1 16s infinite 6s
}

.csslider1>#cs_play1:checked~ul>.slide,
.csslider1>.pause:checked~ul>.slide {
    -webkit-transition: none;
    transition: none
}
.accordion {
    border: 1px solid #d4d4d4;
    margin-bottom: 50px;
    border-radius: 5px;
	margin-top: 50px;
}
	
.card-header {
    background: #f2f2f2;
    border-bottom: 1px solid #a8a7a7;
}
h2.mb-0 {
    margin-top: 0;
    margin-bottom: 0;
}
button.btn.btn-link.collapsed {
    font-size: 16px;
    padding: 20px 10px;
}
button.btn.btn-link {
    font-size: 16px;
    padding: 20px 10px;
	color: #6b2c7b;
    font-weight: bold;
}
.card-body {
    padding: 30px 70px;
}
button.btn.btn-link:hover {
    text-decoration: none;
}
@media only screen and (max-width:480px),
only screen and (-webkit-max-device-pixel-ratio:2) and (max-width:480px),
only screen and (max--moz-device-pixel-ratio:2) and (max-width:480px),
only screen and (-o-max-device-pixel-ratio:2/1) and (max-width:480px),
only screen and (max-device-pixel-ratio:2) and (max-width:480px),
only screen and (max-resolution:192dpi) and (max-width:480px),
only screen and (max-resolution:2dppx) and (max-width:480px) {
    .csslider1>.cs_bullets,
    .csslider1>.cs_description {
        display: none
    }
}
.w-100{
    width: 100% !important;
}
.socialIcnInquiry {
    float: right;
    margin-top: 8px
}

.socialIcnInquiry a {
    float: left;
    color: #fff;
    font-weight: 400;
    font-size: 12px;
    margin-right: 8px;
    text-align: left;
    text-transform: uppercase;
    padding-left: 40px
}

.socialIcnInquiry a img {
    width: 120px;
    height: 18px;
}

.socialIcnInquiry a:focus,
.socialIcnInquiry a:hover {
    text-decoration: none;
    opacity: .8
}

.socialIcnInquiry a:nth-child(1) {
    background: url(/app_themes/images/social_icons.png) no-repeat left -189px
}

.socialIcnInquiry a:nth-child(2) {
    background: url(/app_themes/images/social_icons.png) no-repeat left -89px;
    line-height: 30px;
    margin-left: 20px;
}

.socialIcnInquiry a:nth-child(3) {
    background: url(/app_themes/images/social_icons.png) no-repeat left -89px;
    padding-top: 5px;
    padding-bottom: 6px;
}

.socialIcnInquiry a:nth-child(4) {
    background: url(/app_themes/images/social_icons.png) no-repeat left 2px
}

.slider_content a {
    height: 56px;
    width: 290px;
    float: left;
    background: url(/app_themes/images/banner_btn.png) no-repeat 0 0;
    margin-top: 10px;
    margin-left: -45px
}

.slider_content a:hover {
    opacity: .7
}

.slider {
    width: 100%;
    margin: 0;
    height: 100%;
    position: fixed;
    top: 0
}

.slider-wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.slider_img1 {
    height: 100%;
    width: 100%;
    display: inline-block;
    background: url(/app_themes/images/banner1.jpg) no-repeat 0 0/100% 100%
}

.slider_img2 {
    height: 100%;
    width: 100%;
    display: inline-block;
    background: url(/app_themes/images/banner2.jpg) no-repeat 0 0/100% 100%
}

.slider_img3 {
    height: 100%;
    width: 100%;
    display: inline-block;
    background: url(/app_themes/images/banner3.jpg) no-repeat 0 0/100% 100%
}

.slider_img4 {
    height: 100%;
    width: 100%;
    display: inline-block;
    background: url(/app_themes/images/banner4.jpg) no-repeat 0 0/100% 100%
}

.slide {
    float: left;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 3s linear;
    z-index: 9
}

.slider-wrapper>.slide:first-child {
    opacity: 1
}

.cartoon1 {
    height: 98%;
    width: 100%;
    display: inline-block;
    background: url(/app_themes/images/cartoon1.png) no-repeat 60% bottom;
    background-size: 34%
}

.cartoon2 {
    height: 98%;
    width: 100%;
    display: inline-block;
    background: url(/app_themes/images/cartoon2.png) no-repeat 60% bottom;
    background-size: 42%
}

.cartoon3 {
    height: 97%;
    width: 100%;
    display: inline-block;
    background: url(/app_themes/images/cartoon3.png) no-repeat 60% bottom;
    background-size: 51%
}

.cartoon4 {
    height: 98%;
    width: 100%;
    display: inline-block;
    background: url(/app_themes/images/cartoon4.png) no-repeat 60% bottom;
    background-size: 40%
}

.slider_content {
    position: absolute;
    right: 0;
    top: 50%;
    left: 51%;
    margin-right: 0;
    transform: translate(-80%, -50%);
    margin: 0
}

.banner-top-head {
    float: left;
    width: 100%;
    font-weight: 700;
    color: #946289;
    font-size: 22px;
    margin: 0 0 6px 0;
    font-size: 20px;
    margin: 0 0 6px 0;
    text-transform: uppercase;
    font-family: arial
}

.slider_content h1,
.slider_content h2 {
    font-size: 46px;
    color: #336;
    font-family: arial #000;
    text-transform: uppercase;
    font-weight: 700
}

.slider_content p {
    width: 60%;
    display: block;
    font-size: 14px;
    font-weight: 100;
    font-family: arial
}

.slider_content12 h2,
.banner-top-head,
.slider_content12 p {
    color: #fff
}

.col_8 {
    float: left;
    width: 60%;
    padding: 0 10px
}

.col_4 {
    float: left;
    width: 40%;
    padding: 0 10px
}

.col_4 img {
    width: 100%
}

.static_page {
    width: 100%
}

.price_planContainer {
    background: #cad2d626;
    display: inline-block;
    width: 100%;
    float: none;
    padding: 40px 0 80px 0
}

hr {
    margin-top: 6px !important;
    margin-bottom: 0 !important;
    border: 0 !important;
    border-top: 0 !important
}

.price_planContainer h2 {
    font-family: arial;
    font-weight: 700;
    color: #231f20;
    font-size: 28px;
    width: 100%;
    text-align: center;
    float: none;
    text-transform: uppercase;
    margin-bottom: 20px
}

.price_planContainer p {
    text-align: center;
    margin-bottom: 40px;
    font-size: 16px;
    font-family: arial
}

.package a {
    background: #722c7a;
    color: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    padding: 8px 0;
    display: inline-block;
    position: absolute;
    width: 60%;
    bottom: -20px;
    border-radius: 40px
}

.package a:focus,
.package a:hover {
    background: #231f20;
    text-decoration: none
}

.static_body .rain1,
.static_body .rain2,
.static_body .rain3,
.static_body .rain4,
.static_body .rain5 {
    position: fixed
}

.wrapper {
    font-family: arial;
    font-weight: 400;
    color: #9f9f9f;
    font-size: 15px;
    width: 100%;
    float: none;
    text-align: center
}

.package {
    box-sizing: border-box;
    width: 25%;
    height: auto;
    border: 1px solid #e8e8e8;
    border-radius: 7px;
    display: inline-block;
    padding: 24px 24px 50px 24px;
    text-align: center;
    float: none;
    transition: margin-top .5s linear;
    position: relative;
    margin-right: 8px;
    margin-left: 8px;
    margin-bottom: 60px;
    display: inline-block;
    background: #fff
}

::-webkit-scrollbar {
    width: 6px
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: #722c7a
}

.clearfix {
    float: none
}

.clearfix::after {
    content: "";
    clear: both;
    display: table
}

.package:hover {
    border: 1px solid #722c7a
}

.name {
    color: #231f20;
    font-weight: 700;
    font-size: 18px;
    margin-top: 0;
    float: none;
    text-align: center
}

.name span {
    color: #722c7a;
    margin-left: 4px
}

.price {
    margin-top: 7px;
    font-weight: 700;
    float: none;
    text-align: center;
    font-size: 36px;
    color: #231f20;
    margin-right: 60px
}

.price s {
    font-size: 18px;
    color: #722c7a;
    position: absolute;
    top: 66px;
    margin-left: 6px
}

.price b {
    text-decoration: none;
    font-size: 12px;
    position: absolute;
    top: 87px;
    margin-left: 6px;
    background: #722c7a;
    color: #fff;
    padding: 1px
}

hr {
    background-color: #dedede;
    border: none;
    height: 1px !important
}

.trial {
    font-size: .9rem;
    font-weight: 600;
    padding: 2px 21px 2px 21px;
    color: #722c7a;
    border: 1px solid #e4e4e4;
    display: inline-block;
    border-radius: 15px;
    background-color: #fff;
    position: relative;
    bottom: -17px;
    float: none
}

.wrapper h2 {
    font-family: arial;
    font-weight: 400;
    color: #9f9f9f;
    font-size: 15px;
    width: 100%;
    float: none
}

.package ul {
    list-style: none;
    padding: 0;
    text-align: left;
    margin-top: 28px;
    height: 240px;
    overflow-y: hidden
}

.package li {
    background: url(/app_themes/images/sprit.png) no-repeat -4px -2139px;
    border-bottom: 1px dashed #ece5e7;
    padding: 4px 0 1px 0;
    margin-bottom: 2px;
    color: #000;
    margin-right: 10px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 16px
}

.package li strong {
    margin-right: 4px;
    color: #000;
    font-weight: 400 !important
}

.checkIcon {
    font-family: FontAwesome;
    content: "\f00c"
}

.brilliant {
    border-color: #722c7a
}

.brilliant::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 64px 64px 0 0;
    border-color: #722c7a transparent transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
    content: ""
}

.brilliant::after {
    font-family: FontAwesome;
    content: "\f00c";
    color: #fff;
    position: absolute;
    left: 9px;
    top: 6px;
    text-shadow: 0 0 2px #37c5b6;
    font-size: 1.4rem
}

.portfolio_imgcontainer {
    display: inline-block;
    width: 100%;
    height: auto
}

.grid {
    margin-top: 1rem;
    display: inline-block;
    flex-flow: row wrap;
    text-align: center
}

.grid .thumb-img:hover {
    opacity: .8
}

input[type=radio] {
    display: none
}

input[type=radio] {
    display: none
}

input[type=radio][id=reset]:checked+label {
    background: #ffca28;
    color: #fff
}

input[type=radio][id=architecture]:checked+label {
    background: #29b6f6;
    color: #fff
}

input[type=radio][id=architecture]:checked~.grid .landscape,
input[type=radio][id=architecture]:checked~.grid .people {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    opacity: 0
}

input[type=radio][id=landscape]:checked+label {
    background: #26a69a;
    color: #fff
}

input[type=radio][id=landscape]:checked~.grid .architecture,
input[type=radio][id=landscape]:checked~.grid .people {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    opacity: 0
}

input[type=radio][id=people]:checked+label {
    background: #ec407a;
    color: #fff
}

input[type=radio][id=people]:checked~.grid .architecture,
input[type=radio][id=people]:checked~.grid .landscape {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    opacity: 0
}

.tile {
    margin: 0;
    transition: all .5s;
    padding: 4px;
    width: 32%;
    display: none;
    float: left
}

.load_more1,
.load_more2,
.load_more3,
.load_more4,
.load_more5 {
    width: 100%;
    display: inline-block;
    text-align: center
}

.load_more_btn {
    background: #336;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 40px;
    font-size: 18px;
    margin-top: 30px;
    display: inline-block;
    font-weight: 700;
    font-family: arial;
    float: none
}

.load_more_btn:focus,
.load_more_btn:hover {
    background: #000;
    color: #fff;
    text-decoration: none
}

.port_responsiveIn {
    opacity: 0;
    height: 0;
    padding: 0
}

.port_responsiveIn .portfolio_1 {
    display: none
}

.load_more_detailbtn {
    float: left;
    width: 100%;
    display: inline-block;
    text-align: center;
    display: none
}

.grid12 .load_more_detailbtn {
    margin-top: 30px
}

.tile img {
    width: 100%;
    vertical-align: middle
}

.lightbox {
    display: none;
    position: fixed !important;
    z-index: 999999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    text-align: center
}

.lightbox img {
    max-width: 850px;
    max-height: 550px;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999999999
}

.lightbox:target {
    outline: 0;
    display: block
}

a.lightbox:hover {
    cursor: default
}

.web_grid .lightbox {
    display: none;
    position: fixed;
    z-index: 999999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    text-align: center;
    overflow: hidden auto
}

.web_grid .lightbox img {
    position: relative;
    top: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9999999999;
    width: 70%;
    max-width: inherit;
    max-height: inherit;
    cursor: grab;
    display: inline-block
}

.web_grid .portfolio_close {
    right: 7px;
    top: 0;
    position: fixed
}

.portfolio_close {
    color: #fff;
    font-size: 28px;
    background: #336;
    display: inline-block;
    font-weight: 700;
    padding: 0 6px;
    cursor: pointer;
    position: absolute;
    right: 6px;
    font-family: arial;
    top: -4px
}

#portfolio {
    width: 100%;
    display: inline-block;
    float: none;
    padding: 40px 0 60px 0;
    background: #fff
}

#portfolio h2 {
    font-family: arial;
    font-size: 30px;
    color: #000;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    width: 100%;
    text-align: center
}

#portfolio p {
    font-family: arial;
    font-size: 16px;
    color: #000;
    display: inline-block;
    width: 100%;
    margin-top: 0;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px
}

.testimonial_slider_2 {
    width: 100%;
    border: 1px solid #ebebeb;
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: 60px;
    background: #fff;
    padding-top: 40px
}

.testimonial_slider_2 h2 {
    margin: 0;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    font-family: arial;
    text-transform: uppercase
}

.testimonial_slider_2 input {
    display: none
}

.testimonial_slider_2 #slide_2_1:checked~.boo_inner {
    margin-left: 0
}

.testimonial_slider_2 #slide_2_2:checked~.boo_inner {
    margin-left: -100%
}

.testimonial_slider_2 #slide_2_3:checked~.boo_inner {
    margin-left: -200%
}

.testimonial_slider_2 #slide_2_4:checked~.boo_inner {
    margin-left: -300%
}

.testimonial_slider_2 .boo_inner {
    width: 400%;
    -webkit-transform: translateZ(0);
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);
    -moz-transition: all .8s cubic-bezier(.77, 0, .175, 1);
    -ms-transition: all .8s cubic-bezier(.77, 0, .175, 1);
    -o-transition: all .8s cubic-bezier(.77, 0, .175, 1);
    transition: all .8s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -moz-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -ms-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    -o-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    transition-timing-function: cubic-bezier(.77, 0, .175, 1)
}

.testimonial_slider_2 .slide_content {
    width: 25%;
    float: left
}

.testimonial_slider_2 #controls {
    text-align: center;
    float: none
}

.testimonial_slider_2 #controls label {
    width: 8px;
    height: 8px;
    margin: 0 2px;
    display: inline-block;
    background: #999;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}

.testimonial_slider_2 #slide_2_1:checked~#controls label:nth-child(1),
.testimonial_slider_2 #slide_2_2:checked~#controls label:nth-child(2),
.testimonial_slider_2 #slide_2_3:checked~#controls label:nth-child(3),
.testimonial_slider_2 #slide_2_4:checked~#controls label:nth-child(4) {
    background: #000
}

.testimonial_2 {
    font-size: 16px !important;
    color: #333;
    padding: 30px 30px 23px
}

.content_2 {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px
}

.content_2:after,
.content_2:before {
    content: "";
    height: 15px;
    width: 19px;
    position: absolute
}

.content_2:before {
    background: url() 0 0 no-repeat;
    left: 0
}

.content_2:after {
    background: url() 0 0 no-repeat;
    margin: 5px 10px
}

.testimonial_2 p {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    font-family: arial;
    line-height: 20px
}

.author_2 {
    margin-left: 0;
    float: none;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 20px
}

.author_2 h3 {
    color: #336;
    font-size: 20px;
    padding: 0 0 5px;
    font-weight: 700;
    font-family: arial;
    display: inline-block
}

.author_2 h4 {
    color: #231f20;
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 5px;
    display: inline-block;
    width: 100%;
    text-align: center
}

.author_2 h4 a {
    color: #999;
    text-decoration: none;
    position: relative;
    padding-bottom: 1px;
    overflow: hidden;
    border-bottom: 1px solid
}

.author_2 h4 a:after {
    background: #999;
    height: 1px;
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.author_2 h4 a:hover {
    color: #000;
    border: none
}

.author_2 h4 a:hover:after {
    border-color: #000;
    width: 100%
}

.ads_bg {
    width: 100%;
    float: none;
    padding: 20px 0 120px 0;
    background: #fff9;
    display: inline-block
}

.dynamic_slider_btn_container {
    position: absolute;
    right: 0;
    top: 50%;
    left: 50%;
    margin-right: 0;
    transform: translate(-57%, 430%);
    margin: 0
}

.dynamic_slider_btn_container a {
    padding: 12px 24px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    border: 1px solid transparent;
    background: #722c7a;
    margin-right: 16px
}

.dynamic_slider_btn_container a:hover {
    background: 0 0;
    border: 1px solid #fff;
    text-decoration: none
}

.dynamic_slider_btn_container .astyle3 {
    width: 179px;
    border: 1px solid #5f5f5f
}

.package_detail1,
.package_detail10,
.package_detail12,
.package_detail13,
.package_detail14,
.package_detail14sgo,
.package_detail15,
.package_detail16,
.package_detail16pgo,
.package_detail17,
.package_detail18,
.package_detail19,
.package_detail2,
.package_detail3,
.package_detail4,
.package_detail5,
.package_detail6,
.package_detail7,
.package_detail8,
.package_detail9,
.package_detaile1 {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px 2px 10px;
    color: #336;
    border: 1px solid #e4e4e4;
    display: none;
    border-radius: 15px;
    background-color: #fff;
    position: relative;
    bottom: -13px;
    float: none
}

.package_detail101,
.package_detail11,
.package_detail121,
.package_detail131,
.package_detail141,
.package_detail141sgo,
.package_detail151,
.package_detail161,
.package_detail161pgo,
.package_detail171,
.package_detail181,
.package_detail21,
.package_detail31,
.package_detail41,
.package_detail51,
.package_detail61,
.package_detail71,
.package_detail81,
.package_detail91,
.package_detaile11 {
    font-size: 12px;
    font-weight: 600;
    padding: 2px 10px 2px 10px;
    color: #336;
    border: 1px solid #e4e4e4;
    display: none;
    border-radius: 15px;
    background-color: #fff;
    position: relative;
    bottom: -13px;
    float: none
}

.top_dynamicnav {
    float: none;
    display: inline-block;
    margin-right: 150px
}

.main_banner {
    width: 100%;
    float: none;
    display: inline-block;
    position: relative
}

.static_page_container {
    width: 86%;
    display: block;
    margin: 0 auto
}

.testimonial_slider_2 .static_page_container {
    width: 90%
}

.packages_bottom {
    text-align: center;
    font-size: 10px;
    border: 1px dashed #03a1eb;
    color: #000;
    text-transform: uppercase;
    margin-top: 22px;
    padding: 4px;
    width: 90%;
    display: inline-block
}

main {
    max-width: 100%;
    background: #fff;
    padding: 60px 0 120px
}

main section {
    display: none;
    padding: 40px 0 0;
    border-top: 1px solid #abc
}

main input {
    display: none
}

main label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 8px;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 0 4px #f3ebeb;
    font-family: arial
}

main label:before {
    font-family: fontawesome;
    font-weight: 400;
    margin-right: 4px
}

main label[for*='1']:before {
    content: '\f044'
}

main label[for*='2']:before {
    content: '\f24d'
}

main label[for*='3']:before {
    content: '\f00e'
}

main label[for*='4']:before {
    content: '\f009'
}

main label[for*='5']:before {
    content: '\f291'
}

main label[for*='6']:before {
    content: '\f1ea'
}

main label[for*='7']:before {
    content: '\f03d'
}

main label[for*='8']:before {
    content: '\f171'
}

main label:hover {
    color: #722c7a;
    border: 1px solid #abc;
    border-top: 2px solid #722c7a;
    border-bottom: 1px solid #fff;
    cursor: pointer;
    background: 0 0
}

main input:checked+label {
    color: #722c7a;
    border: 1px solid #abc;
    border-top: 2px solid #722c7a;
    border-bottom: 1px solid #fff;
    background: 0 0
}

main h2 {
    font-family: arial;
    font-weight: 700;
    color: #231f20;
    font-size: 28px;
    width: 100%;
    text-align: center;
    float: none;
    text-transform: uppercase;
    margin-bottom: 20px
}

main p {
    text-align: center;
    margin-bottom: 40px;
    font-size: 16px;
    font-family: arial
}

#tab1:checked~#content1,
#tab2:checked~#content2,
#tab3:checked~#content3,
#tab4:checked~#content4,
#tab5:checked~#content5,
#tab6:checked~#content6,
#tab7:checked~#content7,
#tab8:checked~#content8 {
    display: block
}

main .price {
    margin-top: 0
}

main .price s {
    top: 79px;
    line-height: normal
}

main .price b {
    top: 98px
}

.sepration_line {
    width: 100%;
    text-align: center;
    float: none;
    display: inline-block;
    margin: 40px 0 40px 0
}

.sepration_line h4 {
    display: inline-block;
    font-size: 24px;
    position: relative;
    z-index: 999;
    background: #fff;
    padding: 0 6px;
    color: #722c7a;
    font-weight: 700;
    margin-bottom: 0
}

.sepration_line hr {
    position: relative;
    top: -20px;
    width: 50%;
    background-color: #722c7a !important;
    margin: auto
}

.view_packages {
    float: none;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 20px
}

.view_packages a {
    display: inline-block;
    float: none;
    background: #722c7a;
    color: #fff;
    padding: 10px 30px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 8px
}

.view_packages a:hover {
    background: #232323;
    text-decoration: none
}

.dynamic_change .header_topright,
.dynamic_change .top_rightside {
    position: fixed
}

.dynamic_change .inquiry_container,
.dynamic_change .inquiry_container_arrow {
    display: none !important
}

.dynamic_change .left_socialicons {
    display: none
}

.dynamic_change .Top_leftside {
    height: 60px;
    width: 20%;
    background-size: 100%
}

.dynamic_change .logo_container {
    width: 46%;
    display: inline-block;
    margin: 3px 0 0 40px
}

.dynamic_change .header_topleft {
    width: 20%
}

.dynamic_change .blog_main {
    padding-left: 122px;
    padding-right: 122px;
    margin-top: 30px
}

#portfolio .row:after {
    content: "";
    display: table;
    clear: both
}

#portfolio .column {
    margin: 0;
    transition: all .5s;
    padding: 4px;
    width: 32%;
    display: none;
    float: none
}

#portfolio .modal {
    display: none;
    position: fixed;
    z-index: 999999999999;
    padding-top: 80px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #00000087;
    text-align: center
}

#portfolio .modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    display: inline-block;
    float: none;
    width: auto;
    background: 0 0
}

#portfolio .close {
    color: #fff;
    position: fixed;
    top: 10px;
    right: 25px;
    font-size: 30px;
    font-weight: 700;
    opacity: 1
}

#portfolio .close:focus,
#portfolio .close:hover {
    color: #999;
    text-decoration: none;
    cursor: pointer
}

.mySlides {
    display: none
}

#portfolio .cursor {
    cursor: pointer
}

#portfolio .next,
#portfolio .prev {
    cursor: pointer;
    position: fixed;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    transition: .6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
    background-color: rgba(0, 0, 0, .8)
}

#portfolio .next {
    right: 0;
    border-radius: 3px 0 0 3px
}

#portfolio .prev {
    left: 0
}

#portfolio .next:hover,
#portfolio .prev:hover {
    background-color: rgba(0, 0, 0, .8);
    text-decoration: none
}

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0
}

.caption-container {
    text-align: center;
    background-color: #000;
    padding: 2px 16px;
    color: #fff
}

#portfolio .demo {
    opacity: .6
}

#portfolio .active,
#portfolio .demo:hover {
    opacity: 1
}

#portfolio img.hover-shadow {
    transition: .3s
}

#portfolio .hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.website_portfolio .mySlides img {
    padding-bottom: 60px
}

#main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0
}

.nav {
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
    flex: 1 1 auto;
    margin-bottom: 40px;
    border-bottom: 1px solid #abc
}

.nav-item {
    position: relative;
    display: inline-block;
    margin: 0 0 -1px;
    padding: 16px 36px;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 0 4px #f3ebeb;
    text-transform: uppercase
}

.nav-item.active {
    color: #0af;
    border: 1px solid #abc;
    border-top: 2px solid #0af;
    border-bottom: 1px solid #fff;
    background: 0 0
}

.nav-item.active:before {
    width: 100%
}

.portfolio {
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    margin: 0;
    list-style: none
}

.project {
    position: relative;
    flex: 1 0 calc(100% - 20px);
    margin: 10px
}

.project:hover .project-info {
    background: rgba(89, 89, 89, .7)
}
.blog-detail h3{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 30px;
}
.blog-detail ul li b{
    display: inline-block;
    margin-top: 20px;
    font-size: 16px;
}
.blog-detail ul li {
    list-style: none;
}
@media (min-width:520px) {
    .project {
        flex: 0 0 calc((100% / 2) - 20px)
    }
}

@media (min-width:860px) {
    .project {
        flex: 0 0 calc((100% / 3) - 20px)
    }
}

.project-image img {
    display: block;
    width: 100%;
    height: 224px
}

.project-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px;
    color: #f6f6f6;
    background: rgba(89, 89, 89, .8);
    opacity: 0;
    transition: all 350ms ease-in
}

.project-info:hover {
    opacity: 1
}

@media (max-width:520px) {
    .project-info {
        opacity: .8
    }
}

.project-info-title {
    margin: 0 0 .5em;
    font-size: 2.5em;
    text-align: center;
    text-transform: uppercase
}

.project-info-button {
    padding: .5em 1em;
    color: inherit;
    text-decoration: none;
    border: 1px solid #f6f6f6;
    border-radius: 3px;
    transition: all 350ms
}

.project-info-button:hover {
    color: #595959;
    background: #f6f6f6;
    border-color: #f6f6f6
}

.work {
    padding-bottom: 40px;
    margin-top: 60px;
    width: 100%
}

.work * {
    box-sizing: border-box
}

.work .category-buttons {
    text-align: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
    flex: 1 1 auto;
    margin-bottom: 40px;
    border-bottom: 1px solid #abc;
    width: 100%
}

.work .category-buttons a {
    color: #333;
    position: relative;
    display: inline-block;
    margin: 0 0 -1px;
    padding: 16px 36px;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 0 4px #f3ebeb;
    text-transform: uppercase
}

.work .category-buttons a:focus,
.work .category-buttons a:hover {
    text-decoration: none !important
}

.work .category-buttons a.active {
    color: #0af;
    border: 1px solid #abc;
    border-top: 2px solid #0af;
    border-bottom: 1px solid #fff;
    background: 0 0
}

.work .grid {
    margin-top: 0;
    width: 100%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all 750ms cubic-bezier(1, 0, 0, 1);
    transition: all 750ms cubic-bezier(1, 0, 0, 1)
}

.work .grid .animating {
    -webkit-transition: all 750ms cubic-bezier(.175, .885, .32, 1.1);
    transition: all 750ms cubic-bezier(.175, .885, .32, 1.1)
}

.work .grid .setScale {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.work .grid .show {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.work .card {
    background: #fff;
    display: block;
    text-decoration: none;
    color: #2b2b2b;
    width: 33%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 5px rgba(0, 0, 0, .15);
    transform-origin: center center;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

@media (max-width:480px) {
    .work .card {
        width: 100%
    }
}

.work .card img {
    display: block;
    width: 100%;
    height: 233px !important
}

.work .card .title {
    padding: 10px;
    color: #2b2b2b
}

.work .guide {
    width: 32%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1000
}

@media (max-width:992px) {
    #portfolio .modal-content {
        width: 90%
    }
    #portfolio .modal {
        padding-top: 100px
    }
    #portfolio .modal-content {
        width: 90%
    }
    .work .card img {
        height: 136px !important
    }
    .work .card {
        width: 32%
    }
}

@media (max-width:768px) {
    #portfolio .modal-content {
        width: 84%
    }
    .nav li {
        width: 100%;
        display: inline-block
    }
    #portfolio .modal {
        padding-top: 30px
    }
    #portfolio .modal-content {
        width: 84%
    }
    #portfolio .close {
        top: 10px;
        right: 15px;
        font-size: 34px
    }
    .work .card img {
        height: 158px !important
    }
    .port_pagebtn {
        bottom: 100px !important;
        left: 0
    }
    .logo_container a img {
        width: 125px;
        margin-top: 4px;
    }
    .dynamic_change .logo_container a img {
        width: 125px;
    }
}

@media (max-width:480px) {
    .work .guide {
        width: 100%
    }
    .work .category-buttons a {
        width: 100%
    }
    #portfolio .modal-content {
        width: 96%
    }
    #portfolio .column {
        padding: 3px 0 3px 3px;
        width: 49%
    }
    #portfolio .modal {
        padding-top:150px;
        
    }
    #portfolio .close {
        font-size: 44px
    }
    #portfolio .modal-content {
        width: 96%
    }
    #portfolio .next,
    #portfolio .prev {
        top: 54%;
        padding: 6px
    }
    .work .card {
        width: 100%
    }
    .work .card img {
        height: 212px !important
    }
    .port_pagebtn {
        bottom: -80px
    } 
    
}

.port_pagebtn {
    position: absolute;
    bottom: 140px;
    left: 0
}

.navbar-nav {
    margin-bottom: 0 !important;
    border: 0 !important;
    margin-top: 6px;
}

.port_responsiveIn img {
    display: none
}

.welcome_area {
    width: 100%;
    display: inline-block;
    text-align: center;
    float: none;
    background: #fff;
    padding: 30px 0
}

.welcome_area h1 {
    font-family: arial;
    font-size: 30px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

.welcome_area p {
    font-family: arial;
    font-size: 16px;
    color: #000;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 20px
}

.welcome_arrowimg {
    height: 22px;
    width: 100%;
    display: inline-block;
    background: url(/app_themes/images/arrow_downimg.png) no-repeat center center;
    float: none;
    position: relative;
    margin-top: 30px;
    cursor: pointer
}

.welcome_arrowimg:after,
.welcome_arrowimg:before {
    content: "";
    position: absolute;
    top: 0;
    border: 1px solid #eee;
    width: 43%
}

.welcome_arrowimg:before {
    left: 0
}

.welcome_arrowimg:after {
    right: 0
}

.welcome_morecontent {
    display: none
}

#myTest {
    position: static;
    height: 220px;
    opacity: 1;
    left: 0;
    right: 0;
    float: none;
    display: inline-block
}

.testimonial {
    position: relative;
    padding-top: 40px
}

.carousel-indicators {
    position: static;
    margin: auto
}

.carousel-indicators li {
    border: 1px solid #722c7a
}

.carousel-indicators .active {
    background: #722c7a
}

.testimonial h2 {
    font-family: arial;
    font-size: 30px;
    color: #000;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    width: 100%;
    text-align: center
}

.write_testi {
    float: right;
    background: #636;
    color: #fff;
    padding: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 20px
}

.write_testi:focus,
.write_testi:hover {
    color: #fff;
    background: #000;
    text-decoration: none
}

.testimonial h4 {
    color: #636;
    font-weight: 700;
    text-transform: uppercase
}

.sign-up {
    position: relative;
    margin: 20px auto;
    width: 60%;
    padding: 33px 25px 29px;
    background: #fff;
    border-bottom: 1px solid #c4c4c4;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .25)
}

.sign-up:after,
.sign-up:before {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    height: 10px;
    background: inherit;
    border-bottom: 1px solid #d2d2d2;
    border-radius: 4px
}

.sign-up:after {
    bottom: 3px;
    border-color: #dcdcdc
}

.sign-up-title {
    margin: -25px -25px 25px;
    padding: 15px 25px;
    line-height: 35px;
    font-size: 26px;
    font-weight: 300;
    color: #aaa;
    text-align: center;
    text-shadow: 0 1px rgba(255, 255, 255, .75);
    background: #f7f7f7
}

.sign-up-title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 8px;
    background: #c4e17f;
    border-radius: 5px 5px 0 0;
    background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
    background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4)
}

input {
    font-family: inherit;
    color: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.sign-up-input {
    width: 100%;
    height: 50px;
    margin-bottom: 25px;
    padding: 0 15px 2px;
    font-size: 17px;
    background: #fff;
    border: 2px solid #ebebeb;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 -2px #ebebeb;
    box-shadow: inset 0 -2px #ebebeb
}

.sign-up-input:focus {
    border-color: red;
    outline: 0;
    -webkit-box-shadow: inset 0 -2px red;
    box-shadow: inset 0 -2px red
}

.lt-ie9 .sign-up-input {
    line-height: 48px
}

.sign-up-button {
    position: relative;
    vertical-align: top;
    width: 100%;
    height: 54px;
    padding: 0;
    font-size: 22px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    background: #636;
    border: 0;
    border-bottom: 2px solid #c18ec1;
    border-radius: 5px;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #c18ec1;
    box-shadow: inset 0 -2px #c18ec1
}

.sign-up-button:active {
    top: 1px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

:-moz-placeholder {
    color: #ccc;
    font-weight: 300
}

::-moz-placeholder {
    color: #ccc;
    opacity: 1;
    font-weight: 300
}

::-webkit-input-placeholder {
    color: #ccc;
    font-weight: 300
}

:-ms-input-placeholder {
    color: #ccc;
    font-weight: 300
}

::-moz-focus-inner {
    border: 0;
    padding: 0
}

.testi_form h2 {
    font-family: arial;
    font-weight: 700;
    color: #231f20;
    font-size: 28px;
    width: 100%;
    text-align: center;
    float: none;
    text-transform: uppercase;
    margin-bottom: 20px
}

.lblCaptchaID {
    height: auto;
    padding: 10px;
    letter-spacing: 10px
}

#lblCaptcha3 .captchaActive {
    background: #f0776c;
    color: #fff;
    padding-left: 10px;
    margin-right: 8px
}

.testi_form {
    padding-bottom: 80px;
    display: none;
    padding-top: 40px
}

.sucmsg {
    color: #f0776c;
    font-weight: 700;
    text-align: center;
    width: 100%;
    display: none;
    margin-top: 10px
}

.captchaRefreshIco {
    height: 15px;
    width: 13px;
    float: right;
    background: url() no-repeat 0 0;
    border: 0;
    padding: 0
}

.close_testi {
    float: right;
    color: #722c7a;
    font-size: 22px;
    font-weight: 700;
    cursor: pointer
}

.errorBorder12 {
    background: url(/app_themes/images/contact_input_error.png) no-repeat left center !important
}

.errorBorder {
    background-color: #ff6f6f
}

.main_service_container {
    display: inline-block;
    width: 100%;
    position: relative;
    bottom: -20px;
}

@media (max-width:1480px) {
    .Start_projectBtn {
        bottom: 182px
    }
    .overflow_scroll .toll_nobg {
        width: 26% !important
    }
    .inquiry_container {
        width: 22%
    }
    .newsletter_input {
        bottom: 98px
    }
    .newsletter span {
        bottom: 102px
    }
    #nws_msg {
        bottom: 113px
    }
    
    .cartoon1 {
        background-size: 23%;
        background-position: 66% bottom
    }
    .cartoon2 {
        background-size: 28%;
        background-position: 66% bottom
    }
    .cartoon3 {
        background-size: 38%;
        background-position: 66% bottom
    }
    .cartoon4 {
        background-size: 29%;
        background-position: 66% bottom
    }
    .banner-top-head {
        font-size: 18px
    }
    .slider_content p {
        font-size: 21px
    }
    .slider_content h1,
    .slider_content h2 {
        font-size: 46px
    }
    .slider_content {
        transform: translate(-70%, -34%)
    }
    .counter_container {
        display: none
    }
}

@media (max-width:1410px) {
    .socialIcnInquiry {
        margin-top: 2px
    }
}

@media (min-width:1300px) {
    .testimonial_slider_2 .static_page_container {
        width: 96%
    }
    .dynamic_change .logo_container {
        width: 44%;
        margin: 4px 0 0 40px
    }
}

@media (max-width:1280px) {
    .socialIcnInquiry {
        margin-top: 8px
    }
    
    .cartoon1 {
        background-size: 34%;
        background-position: 70% bottom
    }
    .cartoon2 {
        background-size: 42%;
        background-position: 70% bottom
    }
    .cartoon3 {
        background-size: 51%;
        background-position: 70% bottom
    }
    .cartoon4 {
        background-size: 42%;
        background-position: 70% bottom
    }
    .counter_container {
        display: block
    }
    .slider_content h1,
    .slider_content h2 {
        font-size: 36px
    }
    .testimonial_slider_2 .static_page_container {
        width: 90%
    }
}

.select-arrow {
    position: absolute;
    background: url(/app_themes/images/dropdown_arrow.png) no-repeat #fff 96% center;
    height: 11px;
    width: 12px;
    right: 40px;
    z-index: 99;
    bottom: 13px;
    transform: skew(-30deg, 0deg);
    transform-origin: bottom right;
}

#contact_us .astyle1:after {
    border: 1px solid #ec2c4c;
    padding: 8px 0;
}

textarea {
    resize: none;
}

@media (max-width:1200px) {
    .main_banner img {
        height: 450px !important;
    }
    .Top_leftside {
        background-size: 100%
    }
    .footer_bg .trm_cnd_container {
        float: left;
        line-height: 18px;
    }
    .left_socialicons {
        left: -26px;
        top: 110px;
        text-align: center;
        width: 22%;
        z-index: 9999
    }
    .nav li a {
        padding-right: 8px !important;
        background: 0 0 !important;
        font-size: 13px
    }
    .nav li a:hover {
        font-size: 14px
    }
    .toll_nobg span {
        margin-top: -2px
    }
    .mcd-menu ul {
        min-width: 390px
    }
    .mcd-menu ul li ul {
        min-width: 300px
    }
    .mcd-menu ul li:hover>ul {
        left: 220px
    }
    .third_ul {
        min-width: 340px !important;
        left: 300px !important
    }
    .forth_ul {
        left: 390px !important;
        min-width: 260px !important
    }
    .fnc-slide__inner a {
        bottom: 245px;
        left: 130px
    }
    .newsletter_input {
        width: 29%;
        top: 50%;
        bottom: inherit;
        transform: translate(-50%, -50%);
    }
    .newsletter span {
        bottom: inherit;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 3px;
    }
    #nws_msg {
        bottom: 73px
    }
    .inquiry_container h4 {
        text-align: left;
        padding-left: 14px;
        font-size: 18px
    }
    .inquiry_container a {
        margin-top: 150px
    }
    .Get_inquiry_container {
        z-index: 999999999;
        left: -9px;
        top: 49px
    }
    .footer_bg {
        height: auto
    }
    .footer_bg p {
        margin-right: 102px
    }
    .dynamic_change .footer_bg p {
        margin-right: 78px
    }
    .footer_rocketicon {
        margin-left: 0 !important
    }
    .toll_nobg {
        margin-top: -13px
    }
    .Start_projectBtn {
        bottom: 226px
    }
    .inquiry_container {
        width: 28%
    }
    .top_socialicon {
        margin-top: -2px
    }
    .overflow_scroll .toll_nobg {
        width: 39% !important;
        margin-top: -2px
    }
    .socialIcnInquiry {
        margin-top: 2px
    }
    .socialIcnInquiry a {
        padding-left: 32px;
        margin-right: 8px
    }
    
    .counter_container {
        top: 112px
    }
    .cartoon1 {
        background-size: 35%
    }
    .cartoon2 {
        background-size: 34%
    }
    .cartoon3 {
        background-size: 52%
    }
    .cartoon4 {
        background-size: 35%
    }
    .counter_container {
        display: none
    }
    .package {
        width: 30%
    }
    .name {
        font-size: 18px
    }
    .price {
        font-size: 40px
    }
    .price s {
        font-size: 16px;
        top: 68px
    }
    .package li {
        font-size: 13px
    }
    .lightbox img {
        max-width: 70%;
        max-height: initial;
        top: 10%
    }
    .top_dynamicnav {
        margin-right: 138px
    }
    .price {
        margin-top: 10px
    }
    .packages_bottom {
        width: 80%
    }
    .dynamic_slider_btn_container {
        transform: translate(-57%, 360%)
    }
    main label {
        padding: 16px 6px;
        font-size: 11px
    }
    .dynamic_change .logo_container {
        width: 56%;
        margin: 4px 0 0 50px
    }
    .dynamic_change .Top_leftside {
        width: 26%
    }
    .welcome_arrowimg:after,
    .welcome_arrowimg:before {
        width: 41%
    }
}

@media (max-width:992px) {
    .main_banner img {
        height: 352px !important;
    }
    .dynamic_change .logo_container {
        width: 72%;
        margin: 4px 0 0 30px
    }
    .footer_nav {
        width: 89%;
        text-align: center;
        float: right;
        margin-top: 12px
    }
    .dynamic_change .footer_nav {
        width: 89% !important
    }
    .footer_bg ul {
        float: right;
        margin: 0;
        padding-right: 10px
    }
    .footer_bg p {
        width: auto;
        float: left;
        margin: 0
    }
    .newsletter span {
        display: none;
    }
    .newsletter_input {
        bottom: 180px
    }
    #nws_msg {
        bottom: 194px
    }
    .nav li:nth-child(4) a {
        display: none
    }
    .overflow_scroll .toll_nobg {
        width: 45% !important;
        margin-top: 3px
    }
    .third_ul {
        height: auto !important
    }
    .footer_bg ul li {
        margin-right: 6px
    }
    .footer_bg ul li a {
        font-size: 12px
    }
    .footer_bg p {
        text-align: center
    }
    .newsletter_input {
        width: 40%
    }
    .headingofcontact {
        width: 100%;
        text-align: center;
        display: inline-block;
        margin: 10px 0 0 0
    }
    .signupgreenbox_contact {
        width: 100%;
        height: auto;
        display: inline-block;
        padding: 10px 10px 0 12px;
        margin: 0
    }
    .containerofcontactfield_left4 .textArea,
    .signupgreenbox_contact .inputfield {
        position: static !important;
        background-image: none !important;
        padding-left: 10px !important;
        width: 100% !important;
        padding-right: 0;
        background-color: #fff !important
    }
    .signupgreenbox_contact .inputfield {
        background-color: #fff !important
    }
    .signupgreenbox_contact .dropdowncountry {
        position: static !important;
        background: url(/app_themes/images/dropdown_arrow.png) no-repeat #fff 96% center !important;
        padding-left: 10px !important;
        width: 100% !important
    }
    .signupgreenbox_contact .containerofcontactfield_left {
        width: 49% !important;
        margin-right: 10px;
        left: 0 !important
    }
    .signupgreenbox_contact .containerofcontactfield_right {
        left: 0 !important;
        width: 49%
    }
    .signupgreenbox_contact .btnCon {
        position: absolute;
        right: 12px;
        bottom: 42px
    }
    .signupgreenbox_contact .containerofcontactfield_right4 .inputfield_capth1 {
        width: 50% !important;
        border-right: 1px solid
    }
    .signupgreenbox_contact .containerofcontactfield_right4 .inputfield_capth2 {
        width: 50% !important
    }
    .closeBtn_mob1 {
        height: 20px;
        width: 20px;
        background-color: #fff !important;
        background-position: center !important
    }
    .refreshBtn12 {
        right: 12px;
        top: 10px
    }
    .errorBorder12 {
        color: red !important
    }
    .sucesMsg {
        bottom: 2px;
        right: 149px
    }
    
    .slider_content {
        transform: translate(-53%, 38%)
    }
    .banner-top-head {
        font-size: 14px;
        float: none;
        text-align: center
    }
    .slider_content h1,
    .slider_content h2 {
        font-size: 30px;
        text-align: center
    }
    .slider_content p {
        font-size: 16px;
        width: 100%;
        text-align: center
    }
    .slider_content a {
        margin-left: 0;
        width: 100%;
        background-position: center
    }
    .cartoon1 {
        background-size: 28%;
        background-position: top center;
        margin-top: 108px
    }
    .cartoon2 {
        background-size: 35%;
        background-position: top center;
        margin-top: 100px
    }
    .cartoon3 {
        background-size: 44%;
        background-position: top center;
        margin-top: 92px
    }
    .cartoon4 {
        background-size: 36%;
        background-position: top center;
        margin-top: 100px
    }
    .top_dynamicnav {
        display: none
    }
    .price_planContainer h2 {
        font-size: 20px
    }
    .dynamic_container {
        padding: 0
    }
    .dynamic_bg .logo_section {
        width: 100%;
        position: fixed;
        top: 0;
        background: #e8dfce;
        padding: 0;
        z-index: 999999
    }
    .dynamic_slider_btn_container {
        left: 50%;
        transform: translate(-42%, 300%);
        width: 70%
    }
    .package {
        width: 60%;
        margin-left: 0;
        margin-right: 0
    }
    .name {
        font-size: 18px
    }
    .package li {
        font-size: 12px
    }
    .tile {
        padding: 4px 3px 4px 4px;
        width: 24%
    }
    .testimonial_slider_2 {
        padding-bottom: 40px
    }
    .price {
        margin-top: 13px
    }
    .packages_bottom {
        width: 90%
    }
    .dynamic_slider_btn_container a {
        padding: 8px 12px;
        font-size: 16px
    }
    #portfolio h2 {
        font-size: 24px
    }
    .left_socialicons {
        left: -15px;
        top: 95px;
        text-align: center;
        width: 20%;
        z-index: 9999
    }
    .left_socialicons ul li a {
        height: 36px;
        width: 36px
    }
    .left_socialicons ul li:nth-child(1) a {
        background-position: 4px -651px
    }
    .left_socialicons ul li:nth-child(1) a:hover{
        background-position: 4px -840px
    }
    .left_socialicons ul li:nth-child(2) a {
        background-position: 4px -611px
    }
    .left_socialicons ul li:nth-child(2) a:hover {
        background-position: 4px -800px;
        padding-left: 37px;
        line-height: 17px;
    }
    .left_socialicons ul li:nth-child(3) a {
        background-position: 6px -36px
    }
    .left_socialicons ul li:nth-child(4) a {
        background-position: 6px 5px
    }
    .left_socialicons span {
        font-size: 12px;
        margin-left: 0;
        margin-bottom: 0;
        width: auto
    }
    .Get_inquiry_container {
        left: 0;
        right: 0;
        width: 100%;
        background: #722c7ad6;
        height: auto;
        top: 48px;
        padding: 10px
    }
    .nav li a {
        padding-right: 12px !important;
        background: 0 0 !important;
        font-size: 12px;
        text-transform: capitalize
    }
    .center_rightbg {
        top: 49px
    }
    .inquiry_container {
        display: none
    }
    .inquiry_container_arrow {
        display: none
    }
    .footer_bg {
        display: inline-block
    }
    .web_grid .lightbox img {
        width: 90%
    }
    main .price {
        margin-top: 12px
    }
    main .name {
        font-size: 17px
    }
    main label {
        padding: 14px 30px;
        font-size: 14px
    }
    .welcome_arrowimg:after,
    .welcome_arrowimg:before {
        width: 39%
    }
}

@media (max-width:768px) {
    .main_banner img {
        height: 300px !important;
    }
    .logo_container {
        width: 100%
    }
    .overflow_scroll .toll_nobg {
        width: 86% !important;
        margin-top: 10px;
        background-size: 100% !important;
        padding: 0 40px !important
    }
    .mcd-menu {
        float: none
    }
    .mcd-menu ul {
        display: none !important
    }
    .fnc-slide__inner {
        background-size: 140% 100%;
        background-repeat: no-repeat
    }
    .navbar-toggle {
        background: #2d2a6c !important;
        margin-top: 12px
    }
    .navbar-toggle .icon-bar {
        background: #fff !important
    }
    .top_socialicon {
        display: none
    }
    .navbar-nav {
        margin: 0;
        background: #fff;
        width: 100%
    }
    .nav li a {
        color: #000
    }
    .inquiry_container {
        width: 33%;
        height: 20%;
        bottom: 0;
        background-size: 100% 100%
    }
    .inquiry_container_arrow span {
        font-size: 18px;
        font-weight: 700;
        margin-top: 77px;
        margin-bottom: 0;
        margin-right: 0
    }
    .Start_projectBtn {
        left: 10px
    }
    .inquiry_container_arrow {
        right: 0;
        background-position: 50px 16px
    }
    .footer_bg {
        z-index: 99999
    }
    .footer_nav {
        width: 100%;
        display: inline-block;
        margin: 0;
        margin-top: 2px
    }
    .dynamic_change .footer_nav {
        width: 88% !important
    }

    .fnc-slide__inner a {
        display: none
    }
    .newsletter_input {
        width: 60%
    }
    .footer_bg p {
        text-align: left
    }
    .footer_bg ul {
        width: 100%;
        text-align: center;
        float: none;
        display: inline-block;
        padding: 0;
    }
    .footer_bg ul li {
        text-align: center;
        display: inline-block;
        float: none
    }
    .footer_bg .trm_cnd_container li {
        display: inline-block !important;
        width: 100%;
    }
    .inquiry_container a {
        background-size: 30% 30%;
        background-position: 48px 24px;
        margin-top: 208px;
        margin-left: 14px;
        padding-top: 50px;
        text-align: center
    }
    .inquiry_container a:hover {
        background-size: 30% 30%;
        background-position: 48px 24px
    }
    .inquiry_container h4 {
        text-align: center
    }
    .header_topright {
        width: 78%
    }
    .Get_inquiry_container {
        height: 100%
    }
    .headingofcontact {
        text-align: left;
        font-size: 14px;
        padding-left: 12px;
        font-weight: 700;
        margin-top: 40px
    }
    .signupgreenbox_contact .containerofcontactfield_left {
        width: 100% !important;
        margin-bottom: 10px
    }
    .signupgreenbox_contact .containerofcontactfield_right {
        width: 100%;
        margin-bottom: 10px
    }
    .signupgreenbox_contact .btnCon {
        bottom: 284px
    }
    .sucesMsg {
        width: 100%;
        position: static
    }
    .signupgreenbox_contact .btnCon {
        position: static
    }
    .top_rightside {
        background: #fff
    }
    .header_topleft {
        width: 20%
    }
    .center_rightbg {
        top: 60px
    }
    .socialIcnInquiry {
        margin-top: 8px
    }
    .socialIcnInquiry a {
        font-size: 12px
    }
    .cartoon1 {
        background-position: right center;
        background-size: 54%;
        margin: 0
    }
    .cartoon2 {
        background-position: right center;
        background-size: 58%;
        margin: 0
    }
    .cartoon3 {
        background-position: right center;
        background-size: 58%;
        margin: 0
    }
    .cartoon4 {
        background-position: right center;
        background-size: 58%;
        margin: 0
    }
    .slider_content {
        transform: translate(-82%, -40%)
    }
    .slider_content h1,
    .slider_content h2 {
        font-size: 24px
    }
    .slider_content p {
        width: 100%;
        font-size: 20px
    }
    .logo_container {
        margin: 0 0 0 12px
    }
    .navbar-nav {
        margin-top: -1px;
        border: 1px dashed #2d2a6c
    }
    .containerofcontactfield_right4 {
        right: inherit;
        top: inherit
    }
    .dynamic_bg .bird_container {
        top: -24px
    }
    .brd_img {
        background-size: 100%;
        width: 24%
    }
    .brd_neck {
        background-size: 100%;
        width: 62%;
        right: 0
    }
    .package {
        width: 52%
    }
    .name {
        font-size: 22px
    }
    .package ul {
        height: auto;
        overflow: hidden !important
    }
    .tile {
        padding: 1px;
        width: 33%
    }
    .packages_bottom {
        width: 70%
    }
    .price {
        margin-top: 8px
    }
    main .price {
        margin-top: 0
    }
    main .name {
        font-size: 22px
    }
    main label {
        padding: 16px 16px;
        font-size: 14px
    }
    .sepration_line hr {
        top: -26px;
        width: 64%
    }
    .overflow_scroll .Top_leftside {
        display: none
    }
    .overflow_scroll .left_socialicons,
    .overflow_scroll .newsletter span,
    .overflow_scroll .newsletter_icon,
    .overflow_scroll .site_day {
        display: none
    }
    .overflow_scroll .header_topleft {
        width: 30%;
        z-index: 9999999
    }
    .overflow_scroll .logo_container {
        margin: 2px 0 0 20px;
        width: 58%
    }
    .blog_main,
    .dynamic_change .blog_main {
        padding-left: 100px;
        padding-right: 100px;
        top: 40px
    }
    .header_topright {
        width: 100%
    }
    .footer_rocketicon {
        height: 60px;
        width: 70px;
        margin-top: -14px;
        background-size: 100% 100%
    }
    .welcome_arrowimg:after,
    .welcome_arrowimg:before {
        display: none
    }
    .testimonial h2 {
        font-size: 24px
    }
    .write_testi {
        font-size: 12px
    }
    .testimonial {
        padding-bottom: 40px
    }
    .sign-up {
        width: 100%
    }
    
}

@media (max-width:480px) {
    .port_responsiveIn img {
        display: inline-block
    }
    .port_responsiveIn {
        opacity: 1;
        height: auto;
        padding: 3px 0 3px 3px
    }
    .port_responsiveIn .portfolio_1 {
        display: inline-block
    }
    .clearfix {
        display: none
    }
    .load_more_detailbtn {
        float: left
    }
	.dyn_wrapper h1{
		font-size: 24px;
	}
	.dyn_wrapper h2{
		font-size: 20px;
	}
	#divContent h3{
		text-align: left !important;
	}
    #navbar {
        margin-top: 8px
    }
    .footer_rocketicon {
        display: none
    }
    .footer_hovericon {
        height: 46px;
        width: 80px;
        background-size: 100% !important;
        bottom: -6px
    }
    .static_page_container {
        width: 96%
    }
    .web_grid .lightbox {
        overflow: auto
    }
    .web_grid .lightbox img {
        width: 98%
    }
    .dynamic_slider_btn_container a {
        padding: 6px;
        font-size: 14px
    }
    .overflow_scroll .inquiry_container_arrow,
    .overflow_scroll .left_socialicons {
        display: none
    }
    .testimonial_slider_2 {
        padding-bottom: 80px
    }
    .header_topleft {
        width: 42%;
        z-index: 999999
    }
    .left_socialicons {
        position: fixed;
        left: 0;
        right: inherit;
        width: auto;
        top: 50%;
        z-index: 99999;
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
        background: #2d2a6c
    }
    .fnc-slide__inner {
        background-repeat: no-repeat
    }
    .Main_container {
        overflow: hidden
    }
    .left_socialicons ul li {
        float: none;
        display: block
    }
    .toll_nobg {
        display: none
    }
    .socialIcnInquiry {
        display: none
    }
    .newsletter_input {
        width: 90%
    }
    .footer_bg ul li {
        width: 100%;
        text-align: center
    }
    .inquiry_container a {
        background-size: 30% 30%;
        background-position: 40px 32px;
        margin-top: 208px;
        margin-left: 13px;
        padding-top: 56px;
        text-align: center
    }
    .inquiry_container h4 {
        font-size: 12px
    }
    .inquiry_container {
        display: none
    }
    .newsletter_input {
        bottom: 240px;
        z-index: 9999
    }
    .blog_main {
        top: 0;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 0;
        background: #f9f9f9
    }
    .blog_main,
    .dynamic_change .blog_main {
        padding-left: 20px;
        padding-right: 20px;
        top: 0
    }
    .erro_container {
        margin-top: 190px
    }
    .fourzro {
        font-size: 90px
    }
    .zeropara {
        font-size: 14px
    }
    .inquiry_container_arrow {
        position: fixed;
        top: 181px;
        bottom: inherit;
        right: -38px;
        height: auto;
        width: auto;
        transform: rotate(-90deg);
        background: url(/app_themes/images/inquiry_icon.png) 90px no-repeat #2d2a6c;
        color: #fff;
        padding: 10px 40px 10px 16px;
        background-size: 16%;
        display: block
    }
    .inquiry_container_arrow:hover {
        position: fixed;
        top: 181px;
        bottom: inherit;
        right: -58px;
        height: auto;
        width: auto;
        transform: rotate(-90deg);
        background: url(/app_themes/images/inquiry_icon.png) 124px 8px no-repeat #2d2a6c;
        color: #fff;
        padding: 10px 40px 10px 16px;
        background-size: 16%;
        opacity: .8
    }
    .newsletter span {
        bottom: 240px
    }
    #nws_msg {
        bottom: 255px
    }
    .Start_projectBtn {
        display: none
    }
    .footer_nav {
        width: 100%;
        display: inline-block;
        position: relative;
        bottom: 0px;
        margin-top: 20px
    }
    .site_day {
        display: none
    }
    .header_topright {
        width: 100%;
        z-index: 99999
    }
    .footer_bg p {
        text-align: center
    }
    .center_rightbg {
        display: none
    }
    .cartoon1 {
        background-position: bottom center;
        background-size: 45%;
        margin: 0;
        margin-top: 64px;
        height: 47%
    }
    .cartoon2 {
        background-position: bottom center;
        background-size: 54%;
        margin: 0;
        margin-top: 64px;
        height: 46%
    }
    .cartoon3 {
        background-position: bottom center;
        background-size: 70%;
        margin: 0;
        margin-top: 64px;
        height: 46%
    }
    .cartoon4 {
        background-position: bottom center;
        background-size: 55%;
        margin: 0;
        margin-top: 64px;
        height: 46%
    }
    .slider_content {
        transform: none;
        bottom: 0;
        width: 100%;
        margin: 0;
        left: 0;
        text-align: center;
        margin-top: 48px
    }
    .banner-top-head {
        font-size: 14px
    }
    .slider_content h1,
    .slider_content h2 {
        font-size: 24px
    }
    .slider_content p {
        width: 100%;
        font-size: 14px;
        padding: 0 12px
    }
    .slider_content a {
        height: 44px;
        width: 100%;
        background-position: center;
        background-size: 60%;
        float: none;
        display: inline-block;
        margin: 0
    }
    .newsletter_container {
        display: none
    }
    .inquiry_container_arrow span {
        margin-top: 0;
        font-family: arial
    }
    .left_socialicons ul li a {
        border: 0;
        border-bottom: 1px solid #ccc;
        height: 40px;
        width: 40px;
        filter: drop-shadow(0px 0px 0px white);
    }
    .left_socialicons ul li a:hover {
        border: 0;
        background-color: #fff !important
    }
    .footer_bg p {
        margin-top: 0;
        font-size: 12px;
        width: 100%
    }
    .footer_bg {
        bottom: 0px
    }
    .top_rightside {
        height: 64px
    }
    .logo_container a {
        width: 90%;
        margin-top: 4px
    }
    .navbar-toggle {
        margin-top: 12px;
        z-index: 9999999
    }
    .headingofcontact {
        margin-top: 32px
    }
    .signupgreenbox_contact {
        padding-top: 0
    }
    .signupgreenbox_contact .containerofcontactfield_left,
    .signupgreenbox_contact .containerofcontactfield_right {
        margin-bottom: 0
    }
    .registerform {
        position: absolute
    }
    .conSubmitBtn {
        margin-top: 16px
    }
    .registerform {
        position: fixed;
        top: 0;
        width: 100%;
        height: 420px
    }
    .registernowtxt {
        top: -40px;
        right: -3px;
    }
    .pop_content {
        padding: 0;
        margin-top: 70%
    }
    .pop_content span {
        font-size: 16px;
        line-height: 20px;
        font-weight: 100;
        width: 100%
    }
    .left_socialicons ul li:nth-child(1) a {
        background-position: 7px -687px
    }
    .left_socialicons ul li:nth-child(1) a:hover {
        background-position: 7px -687px;
        
    }
    .left_socialicons ul li:nth-child(2) a {
        background-position: 7px -649px;
        color: #b0a5a5;
    }
    .left_socialicons ul li:nth-child(2) a:hover {
        background-position: 7px -649px;
        line-height: 36px;
        color: #b0a5a5;
    }
    .left_socialicons ul li:nth-child(3) a {
        background-position: 7px -610px;
    }
    .left_socialicons ul li:nth-child(3) a:hover {
        background-position: 7px -797px
    }
    .left_socialicons ul li:nth-child(4) a {
        background-position: 8px -565px
    }
    .left_socialicons ul li:nth-child(4) a:hover {
        background-position: 8px -754px
    }
    .left_socialicons ul li:last-child a {
        border: 0 !important
    }
    .col_8 {
        width: 100%
    }
    .col_4 {
        width: 100%
    }
    .dynamic_slider_btn_container .astyle2,
    .dynamic_slider_btn_container .astyle3 {
        padding: 6px 6px;
        width: auto;
        font-size: 14px
    }
    .dynamic_slider_btn_container {
        transform: translate(-46%, 150%);
        width: 66%
    }
    .dynamic_slider_btn_container a {
        padding: 4px;
        font-size: 12px
    }
    .package {
        width: 100%
    }
    .package_ul1,
    .package_ul10,
    .package_ul11,
    .package_ul12,
    .package_ul13,
    .package_ul14,
    .package_ul14sgo,
    .package_ul15,
    .package_ul16,
    .package_ul16pgo,
    .package_ul17,
    .package_ul18,
    .package_ul19,
    .package_ul2,
    .package_ul3,
    .package_ul4,
    .package_ul5,
    .package_ul6,
    .package_ul7,
    .package_ul8,
    .package_ul9 {
        display: none
    }
    .package_detail1,
    .package_detail10,
    .package_detail12,
    .package_detail13,
    .package_detail14,
    .package_detail14sgo,
    .package_detail15,
    .package_detail16,
    .package_detail16pgo,
    .package_detail17,
    .package_detail18,
    .package_detail19,
    .package_detail2,
    .package_detail3,
    .package_detail4,
    .package_detail5,
    .package_detail6,
    .package_detail7,
    .package_detail8,
    .package_detail9,
    .package_detaile1 {
        display: inline-block
    }
    .trial {
        display: none
    }
    .price_planContainer {
        padding: 30px 0 10px 0
    }
    #portfolio h2 {
        font-size: 22px
    }
    .tile {
        padding: 3px 0 3px 3px;
        width: 49%
    }
    .tile12 {
        float: left !important
    }
    .testimonial_2 {
        padding: 10px 10px 0 10px
    }
    .author_2 {
        margin-top: 0
    }
    .testimonial_slider_2 .static_page_container {
        width: 100%
    }
    .content_2 {
        padding-left: 0
    }
    .lightbox img {
        max-width: 90%;
        top: 30%
    }
    .package hr {
        position: absolute;
        bottom: 47px;
        width: 88%
    }
    .Top_leftside {
        height: auto
    }
    .left_socialicons span {
        display: none
    }
    .Get_inquiry_container {
        top: 0
    }
    .main_banner {
        margin-top: 24px
    }
    main label {
        padding: 14px 0;
        font-size: 14px;
        width: 100%
    }
    main {
        padding: 30px 0
    }
    main h2 {
        font-size: 22px
    }
    main p {
        font-size: 14px
    }
    .view_packages {
        margin-top: 10px;
        margin-bottom: 30px
    }
    .sepration_line h4 {
        font-size: 15px
    }
    .sepration_line hr {
        top: -16px;
        width: 98%
    }
    .overflow_scroll .header_topleft {
        width: 50%;
        z-index: 9999999
    }
    .overflow_scroll .logo_container {
        width: 80%
    }
    .dynamic_change .footer_nav {
        width: 100% !important
    }
    main .name {
        font-size: 20px;
        line-height: normal
    }
    .price {
        font-size: 36px
    }
    .welcome_area h1 {
        font-size: 18px;
        margin-bottom: 0
    }
    .welcome_area p {
        font-size: 14px
    }
    .write_testi {
        margin-top: 20px
    }
    .main_banner img {
        height: 172px !important;
    }
}

@media (max-width:320px) {
    .top_rightside {
        height: 56px
    }
    .navbar-nav {
        margin-top: 1px
    }
    .banner-top-head {
        padding: 0 10px
    }
    .left_socialicons ul li a {
        height: 40px;
        width: 44px
    }
    .Get_inquiry_container {
        overflow-y: scroll
    }
    .slider_content h1,
    .slider_content h2 {
        margin-bottom: 0
    }
}

@media (max-width:380px) {
    .cartoon1 {
        background-position: bottom center;
        background-size: 40%;
        margin: 0;
        margin-top: 64px;
        height: 47%
    }
    .cartoon2 {
        background-position: bottom center;
        background-size: 48%;
        margin: 0;
        margin-top: 64px;
        height: 46%
    }
    .cartoon3 {
        background-position: bottom center;
        background-size: 64%;
        margin: 0;
        margin-top: 64px;
        height: 46%
    }
    .cartoon4 {
        background-position: bottom center;
        background-size: 48%;
        margin: 0;
        margin-top: 64px;
        height: 46%
    }
    .inquiry_container_arrow,
    .inquiry_container_arrow:hover {
        right: -38px
    }
}