@charset "utf-8";



@font-face {

    font-family: 'Comic Sans MS';

    font-display: swap;

    src: url(../fonts/comic-sans-ms.ttf) format('truetype'),

}



@font-face {

    font-family: comic_relief;

    font-display: swap;

    src: url(../fonts/ComicRelief-webfont.eot);

    src: url(../fonts/ComicRelief-webfont.eot) format('embedded-opentype'), url(../fonts/ComicRelief-webfont.woff) format('woff'), url(../fonts/ComicRelief-webfont.ttf) format('truetype'), url(../fonts/ComicRelief-webfont.svg#comic_reliefregular) format('svg');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: Quicksand;

    font-display: swap;

    font-style: normal;

    font-weight: 400;

    src: url(../fonts/quicksand-v8-latin-regular.eot);

    src: local('Quicksand Regular'), local('Quicksand-Regular'), url(../fonts/quicksand-v8-latin-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/quicksand-v8-latin-regular.woff2) format('woff2'), url(../fonts/quicksand-v8-latin-regular.woff) format('woff'), url(../fonts/quicksand-v8-latin-regular.ttf) format('truetype'), url(../fonts/quicksand-v8-latin-regular.svg#Quicksand) format('svg')

}



@font-face {

    font-family: Quicksand;

    font-display: swap;

    font-style: normal;

    font-weight: 500;

    src: url(../fonts/quicksand-v8-latin-500.eot);

    src: local('Quicksand Medium'), local('Quicksand-Medium'), url(../fonts/quicksand-v8-latin-500.eot?#iefix) format('embedded-opentype'), url(../fonts/quicksand-v8-latin-500.woff2) format('woff2'), url(../fonts/quicksand-v8-latin-500.woff) format('woff'), url(../fonts/quicksand-v8-latin-500.ttf) format('truetype'), url(../fonts/quicksand-v8-latin-500.svg#Quicksand) format('svg')

}



@font-face {

    font-family: Quicksand;

    font-display: swap;

    font-style: normal;

    font-weight: 700;

    src: url(../fonts/quicksand-v8-latin-700.eot);

    src: local('Quicksand Bold'), local('Quicksand-Bold'), url(../fonts/quicksand-v8-latin-700.eot?#iefix) format('embedded-opentype'), url(../fonts/quicksand-v8-latin-700.woff2) format('woff2'), url(../fonts/quicksand-v8-latin-700.woff) format('woff'), url(../fonts/quicksand-v8-latin-700.ttf) format('truetype'), url(../fonts/quicksand-v8-latin-700.svg#Quicksand) format('svg')

}



@font-face {

    font-family: Lato;

    font-display: swap;

    font-style: normal;

    font-weight: 400;

    src: url(../fonts/lato-v14-latin-regular.eot);

    src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/lato-v14-latin-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/lato-v14-latin-regular.woff2) format('woff2'), url(../fonts/lato-v14-latin-regular.woff) format('woff'), url(../fonts/lato-v14-latin-regular.ttf) format('truetype'), url(../fonts/lato-v14-latin-regular.svg#Lato) format('svg')

}



@font-face {

    font-family: Lato;

    font-display: swap;

    font-style: normal;

    font-weight: 700;

    src: url(../fonts/lato-v14-latin-700.eot);

    src: local('Lato Bold'), local('Lato-Bold'), url(../fonts/lato-v14-latin-700.eot?#iefix) format('embedded-opentype'), url(../fonts/lato-v14-latin-700.woff2) format('woff2'), url(../fonts/lato-v14-latin-700.woff) format('woff'), url(../fonts/lato-v14-latin-700.ttf) format('truetype'), url(../fonts/lato-v14-latin-700.svg#Lato) format('svg')

}



body {

    background: url(../images/header-img.jpg) repeat-y;

    overflow-x: hidden !important;

    font-family: Quicksand, sans-serif !important;

    font-size: 15px

}



div#izooto-subscription-prompt {

    display: none

}



section.webapp-develop {

    background-color: #fff;

    padding-bottom: 50px;

    margin-top: 20px

}



ul.webappdev-style {

    list-style-image: url(../images/lstbullet.png);

    font-size: 17px;

    font-weight: 500;

    font-family: lato, sans-serif

}



ul.webappdev-style li {

    padding: 13px

}



.webappdev-solution {

    margin: 9% 0 9% 0

}



.weappdev {

    position: relative

}



h3.webappfnt {

    font-size: 24px;

    font-family: quicksand, sans-serif;

    font-weight: 600;

    margin-bottom: 25px

}



.webapp-promote {

    margin: 90px 0

}



p.webapp-parafnt {

    font-size: 17px;

    font-weight: 500;

    font-family: lato, sans-serif;

    margin-bottom: 35px

}



img.webappdev-image {

    margin: 30px auto;

    display: block

}



.webapp-devapp {

    margin-top: 40px

}



.webapp-img .weapp-dev {

    padding: 37px 0

}



.webapp-devcont {

    margin: 35px 0

}



.webapp-promote h3 {

    margin-top: 130px

}



.webapp-beaf {

    margin-top: 40px

}



.webappdev-lstimg {

    margin: 30px 0

}



.webapp-promote img {

    margin: auto

}



.webapp-arbordr:before {

    background-image: url(../images/business-arrow.jpg);

    background-repeat: no-repeat;

    position: absolute;

    content: "";

    top: -20px;

    width: 100%;

    height: 100%

}



.webapp-arbordr:after {

    background-image: url(../images/business-arrow.jpg);

    background-repeat: no-repeat;

    content: "";

    position: absolute;

    bottom: -20px;

    transform: rotate(180deg);

    left: -5px;

    height: 100%;

    width: 100%

}



.webapp-beaf:before {

    background-image: url(../images/arrow-lftryt.jpg);

    background-repeat: no-repeat;

    position: absolute;

    content: "";

    top: 0;

    left: -25px;

    width: 100%;

    height: 100%

}



.webapp-beaf:after {

    background-image: url(../images/arrow-lftryt.jpg);

    background-repeat: no-repeat;

    position: absolute;

    content: "";

    top: 0;

    right: -30px;

    width: 100%;

    height: 100%;

    transform: rotate(180deg)

}



p,

ul li {

    font-family: Lato

}



.log {

    width: 229px;

    height: 80px;

    float: left;

    display: flex;

    justify-content: center;

    align-items: center;

}



.contact_details {

    width: 200px;

    height: 80px;

    float: right

}



.po {

    padding: 20px 0

}



h4.modal-title {

    text-align: center !important;

    color: #00c0f2 !important

}



.mail_img {

    text-align: center !important

}



div#myModal014 .modal-content {

    padding-bottom: 0 !important

}



.phone_nu a {

    color: #fff;

    font-weight: 700;

    font-size: 18px

}



.logo {

    padding-top: 40px;

    padding-bottom: 20px

}



.contact {

    padding-top: 40px;

    padding-right: 4%

}



.menu {

    background: url(../images/menu-main.png) repeat-x;

    background-position: 0

}



.navbar-nav>li.menu1 {

    background: url(../images/categories.png) no-repeat;

    background-size: 100%;

    height: 60px

}



.navbar-nav>li.menu1:hover {

    background: url(../images/categories-hover.png) no-repeat;

    background-size: 100%;

    height: 60px

}



.navbar-nav>li.categories_nav {

    background: url(../images/categories-hover.png) no-repeat;

    background-size: 100%;

    height: 60px

}



.navbar-nav>li.menu2 {

    background: url(../images/approach.png) no-repeat;

    background-size: 100%;

    height: 60px

}



.navbar-nav>li.menu2:hover {

    background: url(../images/approach-hover.png) no-repeat;

    background-size: 100%;

    height: 60px

}



.navbar-nav>li.approach_nav {

    background: url(../images/approach-hover.png) no-repeat;

    background-size: 100%;

    height: 60px

}



.navbar-nav>li.menu3 {

    background: url(../images/article.png) no-repeat;

    background-size: 100%;

    height: 60px

}



.navbar-nav>li.menu3:hover {

    background: url(../images/article-hover.png) no-repeat;

    background-size: 100%;

    height: 60px

}



.navbar-nav>li.blog_nav {

    background: url(../images/article-hover.png) no-repeat;

    background-size: 100%;

    height: 60px

}



.navbar-nav>li.menu4 {

    background: url(../images/people.png) no-repeat;

    background-size: 100%;

    height: 60px

}



.navbar-nav>li.menu4:hover {

    background: url(../images/people-hover.png) no-repeat;

    background-size: 100%;

    height: 60px

}



.navbar-nav>li.people_nav {

    background: url(../images/people-hover.png) no-repeat;

    background-size: 100%;

    height: 60px

}



.navbar-nav>li.menu5 {

    background: url(../images/contact.png) no-repeat;

    background-size: 100%;

    height: 60px

}



.navbar-nav>li.menu5:hover {

    background: url(../images/contact-hover.png) no-repeat;

    background-size: 100%;

    height: 60px

}



.navbar-nav>li.contact_nav {

    background: url(../images/contact-hover.png) no-repeat;

    background-size: 100%;

    height: 60px

}



.navbar-inverse .navbar-nav>li>a {

    color: #00c0f2 !important;

    font-size: 22px !important;

    font-weight: 600 !important

}



.navbar-nav>li {

    margin-left: 45px;

    float: left;

    line-height: 30px;

    text-align: center

}



.videoContainer video {

    width: 100%;

    height: auto

}



.videoContainer {

    margin: 30px 0 0 0

}



.bg-video {

    background: url(../images/bg33.jpg) !important;

    padding: 30px 0 40px 0

}



.bg-video h3 {

    font-weight: 600;

    color: #000;

}



.banner_index_page {

    padding: 1px 0 0 0 !important;

    margin-bottom: -20px

}



.banner {

    padding: 21px 0 0 0

}



.bg-video h3:hover {

    color: #000

}



section.circle-sec {

    background: rgba(255, 255, 255, .88);

    border-top: 1px solid #ddd;

    border-bottom: 3px solid #ddd

}



.cicle-box-container {

    padding: 0 5px

}



.cicle-box-container:hover>a p.circle-text {

    color: #000;

    text-decoration: none !important

}



.circle-box {

    background-image: url(../images/exp-img.png);

    background-repeat: no-repeat;

    height: 195px;

    background-position: 48% 0

}



.circle-box1 {

    background-image: url(../images/exp-img.png);

    background-repeat: no-repeat;

    height: 195px;

    background-position: 48% -396px

}



.circle-box2 {

    background-image: url(../images/exp-img.png);

    background-repeat: no-repeat;

    height: 195px;

    background-position: 48% -792px

}



.circle-box3 {

    background-image: url(../images/exp-img.png);

    background-repeat: no-repeat;

    height: 195px;

    background-position: 48% -1188px

}



.circle-box4 {

    background-image: url(../images/exp-img.png);

    background-repeat: no-repeat;

    height: 195px;

    background-position: 48% -1584px

}



.circle-box5 {

    background-image: url(../images/exp-img.png);

    background-repeat: no-repeat;

    height: 195px;

    background-position: 48% -1980px

}



.circle-box6 {

    background-image: url(../images/exp-img.png);

    background-repeat: no-repeat;

    height: 195px;

    background-position: 48% -2376px

}



p.circle-text {

    text-align: center;

    font-size: 16px;

    padding: 10px 0;

    font-weight: 600;

    color: #343434

}



.circle-box:hover {

    background-image: url(../images/exp-img.png);

    background-position: 48% -196px

}



.circle-box1:hover {

    background-image: url(../images/exp-img.png);

    background-position: 48% -586px

}



.circle-box2:hover {

    background-image: url(../images/exp-img.png);

    background-position: 48% -980px

}



.circle-box3:hover {

    background-image: url(../images/exp-img.png);

    background-position: 48% -1376px

}



.circle-box4:hover {

    background-image: url(../images/exp-img.png);

    background-position: 48% -1770px

}



.circle-box5:hover {

    background-image: url(../images/exp-img.png);

    background-position: 48% -2166px

}



.circle-box6:hover {

    background-image: url(../images/exp-img.png);

    background-position: 48% -2562px

}



.logo-sec {

    background: url(../images/bg1.png) repeat;

    width: 100%;

    background-color: rgba(255, 255, 255, .82)

}



.logo-container {

    padding-top: 10px;

    margin-bottom: -20px

}



.feacherd {

    font-size: 16px;

    font-weight: 700

}



.logo-container img {

    display: block;

    margin: 0 auto;

    filter: gray;

    filter: grayscale(1);

    -webkit-filter: grayscale(1)

}



.logo-container img:hover {

    filter: none;

    -webkit-filter: grayscale(0)

}



section.speci {

    border-top: 1px solid #ddd

}



.bg-spe {

    background-color: #000

}



.bg-spe h3 {

    margin: 0;

    padding: 4px 0;

    color: #fff;

    font-size: 20px

}



img.shadow {

    width: 100%

}



.icon-container {

    background: url(../images/icon-container.png) repeat;

    padding-top: 25px;

    padding-bottom: 25px

}



.icon-box {

    margin: 8px 0;

    position: relative;

    border-right: 2px solid #dadada

}



.icon-box img {

    display: block;

    margin: 0 auto

}



.icon-box p {

    text-align: center;

    font-size: 16px;

    font-weight: 600;

    padding: 7px 0;

    color: #7d7b7b;

    margin-top: 80px

}



.icon-box:hover p {

    color: #000

}



.icon-1 {

    width: 100%;

    height: 85px;

    float: left;

    padding-left: 20px;

    background: url(../images/icon1.png) no-repeat

}



.circle-textone {

    text-align: center;

    font-size: 17px;

    padding: 0 0;

    font-weight: 600;

    color: #807d7d

}



.circle-boxone {

    background-image: url(../images/exp-img.png);

    background-repeat: no-repeat;

    height: 85px;

    background-position: 50% -2760px

}



.circle-boxtwo {

    background-image: url(../images/exp-img.png);

    background-repeat: no-repeat;

    height: 85px;

    background-position: 50% -2934px

}



.circle-boxthree {

    background-image: url(../images/exp-img.png);

    background-repeat: no-repeat;

    height: 85px;

    background-position: 50% -3106px

}



.circle-boxfour {

    background: url(../images/exp-img.png) no-repeat;

    height: 85px;

    background-position: 50% -3280px

}



.circle-boxfive {

    background: url(../images/exp-img.png) no-repeat;

    height: 85px;

    background-position: 50% -3454px

}



.circle-boxsix {

    background: url(../images/exp-img.png) no-repeat;

    height: 85px;

    background-position: 50% -3627px

}



.circle-boxseven {

    background: url(../images/exp-img.png) no-repeat;

    height: 85px;

    background-position: 50% -3800px

}



.our-specialties:hover .circle-textone {

    color: #000;

    text-decoration: none !important

}



.our-specialties:hover .circle-boxone {

    background-image: url(../images/exp-img.png);

    background-position: 50% -2847px

}



.our-specialties:hover .circle-boxtwo {

    background-image: url(../images/exp-img.png);

    background-position: 50% -3021px

}



.our-specialties:hover .circle-boxthree {

    background-image: url(../images/exp-img.png);

    background-position: 50% -3193px

}



.our-specialties:hover .circle-boxfour {

    background-image: url(../images/exp-img.png);

    background-position: 50% -3367px

}



.our-specialties:hover .circle-boxfive {

    background-image: url(../images/exp-img.png);

    background-position: 50% -3541px

}



.our-specialties:hover .circle-boxsix {

    background-image: url(../images/exp-img.png);

    background-position: 50% -3715px

}



.our-specialties:hover .circle-boxseven {

    background-image: url(../images/exp-img.png);

    background-position: 50% -3887px

}



.footer-top {

    background: url(../images/bgimg.jpg) repeat

}



.blog_heading {

    padding-left: 2px !important

}



.footer-top h3 {

    font-weight: 600;

    color: #000;

    margin: 40px 0 10px 0;

    text-align: center

}



.testimonial_heading h3 {

    margin-left: 22px

}



.view_all a:hover {

    text-decoration: underline

}



.footer-top .item {

    text-align: center

}



.footer-top p {

    font-size: 15px;

    text-align: left;

    color: #000

}



.footer-top .carousel-control.left,

.footer-top .carousel-control.right {

    background-image: none !important;

    opacity: 1

}



.footer-top blockquote {

    padding: 0;

    border-left: 0

}



.footer-top .carousel-control {

    top: 100% !important;

    color: #000

}



.footer-top .carousel-control.left {

    left: 35%

}



.footer-top .carousel-control.right {

    right: 42%

}



.footer-top a {

    font-size: 15px;

    color: #000;

    font-weight: 600

}



.footer-top .carousel-inner .item a img {

    display: inline-block !important;

    padding-left: 20px

}



.footer-top .carousel-inner .item h5 {

    text-align: left;

    color: #000;

    font-weight: 600

}



input.get-but {

    background-image: url(../images/getbutton.png);

    background-repeat: no-repeat;

    background-position: 50% 50%;

    width: 23%;

    height: 62px;

    background-color: transparent;

    border: 0;

    margin-top: 5px;

    font-size: 25px

}



.get-but:hover {

    transform: rotate(360deg);

    transition: all ease 1.6s

}



.footer-top .form-control {

    background-color: transparent;

    border-radius: 0;

    border: none;

    border: #fff !important

}



.blog_heading {

    font-weight: 700

}



input.form-control::-webkit-input-placeholder {

    color: #000 !important;

    text-align: center;

    font-weight: 600

}



input.form-control:-moz-placeholder {

    color: #000 !important

}



input.form-control::-moz-placeholder {

    color: #000 !important;

    text-align: center;

    font-weight: 600

}



input.form-control:-ms-input-placeholder {

    color: #000 !important;

    text-align: center;

    font-weight: 600

}



textarea.form-control::-webkit-input-placeholder {

    color: #000 !important;

    font-weight: 600

}



textarea.form-control:-moz-placeholder {

    color: #000 !important;

    font-weight: 600

}



textarea.form-control::-moz-placeholder {

    color: #000 !important;

    font-weight: 600

}



textarea.form-control:-ms-input-placeholder {

    color: #000 !important;

    font-weight: 600

}



footer {

    background: url(../images/footer_bg.jpg) repeat;

    width: 100%;

    height: auto;

    background-size: cover

}



ul.socil-icon {

    list-style: none;

    padding: 0

}



ul.socil-icon li {

    display: inline-block;

    padding: 10px 5px

}



ul.achive,

ul.site {

    list-style: none;

    padding: 0

}



ul.site {

    padding: 15px 0

}



ul.achive li,

ul.site li {

    display: inline-block;

    border-right: 1px solid #000

}



ul.achive li a,

ul.site li a {

    padding: 0 15px;

    color: #7d7d7d;

    font-weight: 600

}



ul.achive li:first-child,

ul.site li:first-child {

    border: 0;

    padding-right: 10px;

    font-weight: 600;

    color: #000

}



ul.achive li:last-child {

    border: 0

}



.foot-box {

    padding: 40px 0 0 0;

    color: #000

}



.foot-box a {

    color: #7d7d7d

}



ul.achive li a:hover,

ul.site li a:hover {

    color: #1dc2f2

}



.foot-box a:hover {

    color: #1dc2f2

}



.border {

    border-right: 4px solid #000;

    -webkit-border-image: url(../images/lineborder2.png) 30 stretch;

    -o-border-image: url(../images/lineborder2.png) 30 stretch;

    border-image: url(../images/lineborder2.jpg) 30 stretch

}



.testi {

    margin: 40px 0;

    width: 390px;

    height: 240px

}



.get-in-t,

.news {

    border-left: 1px dashed #000;

    margin-top: 40px;

    width: 350px;

    height: 240px;

    -webkit-border-image: url(../images/lineborderffff.png) 30 stretch;

    -o-border-image: url(../images/lineborderffff.png) 30 stretch;

    border-image: url(../images/lineborderffff.jpg) 30 stretch;

    text-align: center !important

}



.news {

    padding-left: 13px

}



.pop {

    padding-right: 10px !important

}



.back {

    background: url(../images/bg_mid.jpg)

}



#parcent {

    font-size: 60px;

    width: 20%;

    height: 100px;

    float: left;

    margin-top: 10px

}



#parcent p {

    font-weight: 100

}



#shirtImg {

    display: inline

}



.x {

    margin-top: 40px;

    margin-bottom: 30px

}



.x h3 {

    font-weight: 700;

    margin-top: 6px;

    color: #000;

    font-size: 36px

}



#starImg {

    width: 100%;

    height: 50px;

    float: left;

    background: url(../images/%5E1C068D5C22F68523113315FD000591C457AD87DBDFE60F84E3%5Epimgpsh_fullsize_distr.png) no-repeat

}



#content {

    display: inline;

    width: 80%;

    float: left;

    font-weight: 600

}



#left {

    width: 50%;

    height: 300px;

    float: left

}



.carousel-fade .carousel-inner .item {

    min-height: 276px;

    opacity: 0;

    transition-property: opacity

}



.carousel-fade .carousel-inner .active {

    opacity: 1

}



.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

    left: 0;

    opacity: 0;

    z-index: 1

}



.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

    opacity: 1

}



.carousel-fade .carousel-control {

    z-index: 2

}



#carouselFade .carousel-indicators li {

    border: 1px solid #03aafb !important

}



#carouselFade .carousel-indicators .active {

    background-color: #03aafb !important

}



#left .carousel {

    padding-bottom: 30px

}



#carouselFade .carousel-indicators {

    bottom: 0;

    left: 0;

    margin-left: -25%

}



#right {

    width: 50%;

    height: 350px;

    float: left

}



#m {

    width: 19.8%;

    height: 119px;

    float: right;

    background: url(../images/%5E1B3DDA09AEAD9CD7373DE554FE077319F6C49CD89206F251C3%5Epimgpsh_fullsize_distr.png) no-repeat;

    margin-right: 3px;

    text-align: center;

    cursor: pointer;

    padding-top: 5px

}



#inner_top {

    width: 100%;

    height: 120px;

    float: left

}



#inner_one {

    width: 39%;

    height: 120px;

    float: left;

    background: url(../images/%5E7B5E0C44D3CCA7E9AE3DFFE5D6B6E4F426BE17CCEF391596C3%5Epimgpsh_fullsize_distr.png) no-repeat;

    margin-top: 2px;

    background-size: cover;

    text-align: center;

    cursor: pointer

}



#inner_one2 {

    margin-left: 1%

}



#inner_one2,

#inner_one4 {

    width: 19.6%;

    text-align: center;

    height: 118px;

    float: left;

    background: url(../images/%5E1B3DDA09AEAD9CD7373DE554FE077319F6C49CD89206F251C3%5Epimgpsh_fullsize_distr.png) no-repeat;

    cursor: pointer

}



#inner_one4 {

    padding-left: 7px;

    cursor: pointer

}



#inner_one3 {

    width: 20%;

    height: 118px;

    float: left

}



#inner_bottom {

    width: 100%;

    height: 230px;

    float: left;

    margin-top: 5px

}



#inner_bottom1 {

    width: 39%;

    height: 220px;

    float: left;

    cursor: pointer;

    margin-right: .5%;

    background: url(../images/%5E1B3DDA09AEAD9CD7373DE554FE077319F6C49CD89206F251C3%5Epimgpsh_fullsize_distr.png) no-repeat;

    text-align: center

}



#inner_bottom2 {

    width: 39%;

    margin-left: .6%;

    margin-right: .6%;

    height: 220px;

    float: left;

    background: url(../images/%5E1B3DDA09AEAD9CD7373DE554FE077319F6C49CD89206F251C3%5Epimgpsh_fullsize_distr.png) no-repeat;

    cursor: pointer;

    text-align: center

}



#inner_bottom3 {

    width: 20%;

    height: 220px;

    float: left;

    padding-left: 5px

}



#inner_bottom31 {

    width: 100%;

    height: 100px;

    float: left;

    background: url(../images/%5EDDC031568701E72DA00982191D6E571EC659A5F9B258D07DDF%5Epimgpsh_fullsize_distr.png) no-repeat;

    cursor: pointer;

    text-align: center;

    margin-top: 5px

}



#inner_bottom32 {

    width: 100%;

    height: 100px;

    float: left;

    background: url(../images/%5EDDC031568701E72DA00982191D6E571EC659A5F9B258D07DDF%5Epimgpsh_fullsize_distr.png) no-repeat;

    cursor: pointer;

    margin-top: 13px;

    text-align: center

}



.cc {

    height: 320px

}



.cc2 {

    width: 700px

}



.model_inn_a {

    width: 50%;

    padding-top: 10px;

    height: 300px;

    float: left

}



.model_inn_b {

    width: 47%;

    height: 300px;

    float: left;

    padding-top: 20px

}



.btn-lg {

    padding: 5px 16px !important;

    margin-top: 10px

}



.modal-footer {

    padding: 0;

    padding-bottom: 10px;

    text-align: center !important

}



#m #m_image {

    filter: grayscale(1);

    -webkit-filter: grayscale(1);

    -webkit-filter: grayscale(1);

    -moz-filter: grayscale(1);

    -ms-filter: grayscale(1);

    margin-top: 15px;

    margin-bottom: 10px;

    margin-left: 5px

}



#m:hover #m_image {

    filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -moz-filter: grayscale(0);

    -ms-filter: grayscale(0)

}



#inner_one #dandb {

    filter: grayscale(1);

    -webkit-filter: grayscale(1);

    -webkit-filter: grayscale(1);

    -moz-filter: grayscale(1);

    -ms-filter: grayscale(1);

    margin-top: 20px

}



#inner_one:hover #dandb {

    filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -moz-filter: grayscale(0);

    -ms-filter: grayscale(0)

}



#inner_one2 #img_hourse {

    filter: grayscale(1);

    -webkit-filter: grayscale(1);

    -webkit-filter: grayscale(1);

    -moz-filter: grayscale(1);

    -ms-filter: grayscale(1);

    margin-top: 17px;

    margin-left: 8px

}



#inner_one2:hover #img_hourse {

    filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -moz-filter: grayscale(0);

    -ms-filter: grayscale(0)

}



#inner_one4 #vistaCay {

    filter: grayscale(1);

    -webkit-filter: grayscale(1);

    -webkit-filter: grayscale(1);

    -moz-filter: grayscale(1);

    -ms-filter: grayscale(1);

    margin-top: 20px

}



#inner_one4:hover #vistaCay {

    filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -moz-filter: grayscale(0);

    -ms-filter: grayscale(0)

}



#inner_bottom1 #imgTshirt {

    filter: grayscale(1);

    -webkit-filter: grayscale(1);

    -webkit-filter: grayscale(1);

    -moz-filter: grayscale(1);

    -ms-filter: grayscale(1);

    margin-top: 20px

}



#inner_bottom1:hover #imgTshirt {

    filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -moz-filter: grayscale(0);

    -ms-filter: grayscale(0)

}



#inner_bottom2 #imgHandy {

    filter: grayscale(1);

    -webkit-filter: grayscale(1);

    -webkit-filter: grayscale(1);

    -moz-filter: grayscale(1);

    -ms-filter: grayscale(1);

    margin-top: 20px

}



#inner_bottom2:hover #imgHandy {

    filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -moz-filter: grayscale(0);

    -ms-filter: grayscale(0)

}



#inner_bottom31 #virus_img {

    filter: grayscale(1);

    -webkit-filter: grayscale(1);

    -webkit-filter: grayscale(1);

    -moz-filter: grayscale(1);

    -ms-filter: grayscale(1);

    margin: 15px

}



#inner_bottom31:hover #virus_img {

    filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -moz-filter: grayscale(0);

    -ms-filter: grayscale(0)

}



#inner_bottom32 #cam_img {

    filter: grayscale(1);

    -webkit-filter: grayscale(1);

    -moz-filter: grayscale(1);

    -ms-filter: grayscale(1);

    margin-top: 8px;

    margin-left: 5px

}



#inner_bottom32:hover #cam_img {

    filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -moz-filter: grayscale(0);

    -ms-filter: grayscale(0)

}



.img-responsive {

    max-width: 100%;

    height: auto;

    display: block;

    behavior: alternate;

    

}

.log a img {

    filter: invert(1);

}





.img-responsive_right {

    max-width: 100%;

    height: auto;

    float: right;

    behavior: alternate

}



.blog_firtstImg {

    margin: auto !important

}



.blog_heading {

    font-size: 18px;

    font-weight: 700

}



@-webkit-keyframes hvr-wobble-skew {

    16.65% {

        -webkit-transform: skew(-12deg);

        transform: skew(-12deg)

    }



    33.3% {

        -webkit-transform: skew(10deg);

        transform: skew(10deg)

    }



    49.95% {

        -webkit-transform: skew(-6deg);

        transform: skew(-6deg)

    }



    66.6% {

        -webkit-transform: skew(4deg);

        transform: skew(4deg)

    }



    83.25% {

        -webkit-transform: skew(-2deg);

        transform: skew(-2deg)

    }



    100% {

        -webkit-transform: skew(0);

        transform: skew(0)

    }

}



@keyframes hvr-wobble-skew {

    16.65% {

        -webkit-transform: skew(-12deg);

        transform: skew(-12deg)

    }



    33.3% {

        -webkit-transform: skew(10deg);

        transform: skew(10deg)

    }



    49.95% {

        -webkit-transform: skew(-6deg);

        transform: skew(-6deg)

    }



    66.6% {

        -webkit-transform: skew(4deg);

        transform: skew(4deg)

    }



    83.25% {

        -webkit-transform: skew(-2deg);

        transform: skew(-2deg)

    }



    100% {

        -webkit-transform: skew(0);

        transform: skew(0)

    }

}



.hvr-wobble-skew {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    box-shadow: 0 0 1px transparent;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale

}



.hvr-wobble-skew:active,

.hvr-wobble-skew:focus,

.hvr-wobble-skew:hover {

    -webkit-animation-name: hvr-wobble-skew;

    animation-name: hvr-wobble-skew;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1

}



.thumbnail {

    background-color: transparent !important;

    border: none !important

}



.well {

    padding-top: 0 !important;

    background-color: transparent !important;

    border: none !important

}



.first_carasol {

    width: 50px;

    height: 55px;

    float: left;

    position: absolute;

    left: -6%;

    top: -5px;

    text-align: center;

    cursor: pointer

}



.one_carasol,

.two_carasol {

    width: 100%;

    height: 20px;

    float: left

}



.upper_carasol {

    width: 2px;

    height: 30px;

    float: left;

    margin-left: 30px;

    background: #333;

    transform: rotate(45deg);

    display: block

}



.down_carasol {

    width: 2px;

    height: 30px;

    float: left;

    margin-left: 30px;

    background: #333;

    transform: rotate(-45deg);

    display: block

}



.first_carasol:hover .upper_carasol {

    transform: rotate(405deg);

    transition: all ease .5s

}



.first_carasol:hover .down_carasol {

    transform: rotate(-405deg);

    transition: all ease .5s

}



.second_carasol {

    width: 50px;

    height: 55px;

    float: right;

    position: absolute;

    right: -4%;

    top: -5px;

    text-align: center;

    cursor: pointer

}



.upper2_carasol {

    width: 2px;

    height: 30px;

    float: left;

    margin-left: 30px;

    background: #333;

    transform: rotate(-45deg);

    display: block

}



.down2_carasol {

    width: 2px;

    height: 30px;

    float: left;

    margin-left: 30px;

    background: #333;

    transform: rotate(45deg);

    display: block

}



.second_carasol:hover .upper2_carasol {

    transform: rotate(-405deg);

    transition: all ease .5s

}



.second_carasol:hover .down2_carasol {

    transform: rotate(405deg);

    transition: all ease .5s

}



.video_border {

    background: url(../images/video_border1.png);

    width: 86%;

    height: 235px;

    float: left;

    padding-top: 5%;

    padding-left: 7.7%

}



.video-js .vjs-big-play-button {

    line-height: 2em !important;

    height: 2em !important;

    width: 2em !important;

    display: block;

    position: absolute;

    top: 40% !important;

    left: 42% !important;

    background-color: #2ebee8 !important;

    -webkit-border-radius: 50% !important;

    -moz-border-radius: 50% !important;

    border-radius: 50% !important

}



blockquote small {

    text-align: left

}



.xx2 {

    background: url(../images/2.png) no-repeat

}



.xx_inner {

    width: 160px;

    height: 44px;

    float: left;

    background: url(../images/145.png) no-repeat;

    padding-top: 4px;

    padding-left: 5px

}



.xx_inner2 {

    width: 348px;

    height: 60px;

    float: left;

    background: url(../images/330.png) no-repeat;

    padding-top: 4px;

    padding-left: 4px

}



.form-control {

    width: 97% !important;

    color: #fff !important

}



.modal-header h4 {

    font-weight: 700

}



.our-specialties {

    width: 14.2%;

    float: left

}



section.inner_logosection {

    background: url(../images/bg_logoSection.jpg) repeat;

    width: 100%;

    height: auto;

    padding-bottom: 70px;

    float: left;

    border-top: 1px solid #ddd;

    border-bottom: 3px solid #ddd

}



.row_logo {

    margin-top: 60px

}



footer h4 {

    font-size: 20px;

    color: #fff;

    font-weight: 700

}



.comp_pages ul,

.your_needs ul {

    list-style: none;

    margin: 0;

    padding: 0

}



.comp_pages ul li,

.your_needs ul li {

    margin-top: 15px

}



.comp_pages ul li a,

.w3 a,

.w32 p,

.your_needs ul li a {

    color: #bfbfbf

}



.comp_pages ul li a:hover,

.w3 a:hover,

.your_needs ul li a:hover {

    color: #fff

}



.your_needs span {

    position: relative;

    margin-right: 10px

}



.more1 {

    padding-left: 10%

}



.your_needs ul li a:hover span {

    left: 5px

}



#footer_logo {

    width: 100%;

    height: 65px;

    float: left;

    background: url(../images/footer-logo.png) no-repeat

}



.under_logo {

    text-align: left;

    color: #bfbfbf;

    margin-left: 10px

}



#sec_foo span {

    position: relative;

    margin-right: 10px

}



#sec_foo ul li a:hover span {

    left: 5px

}



#social_foo {

    width: 100%;

    height: 200px;

    float: left

}



#fac {

    width: 18%;

    height: 50px;

    float: left;

    margin-left: 17%;

    cursor: pointer;

    background: url(../images/f%20png.png) no-repeat

}



#b {

    width: 19%;

    height: 50px;

    float: left;

    margin-left: 6%;

    cursor: pointer;

    margin-top: 15px;

    margin-bottom: 10px;

    background: url(../images/p%20png.png) no-repeat

}



#twiter {

    width: 19.5%;

    height: 50px;

    float: left;

    margin-top: -10px;

    margin-left: 6%;

    cursor: pointer;

    background: url(../images/t%20png.png) no-repeat

}



#linkdin {

    width: 20%;

    height: 50px;

    float: left;

    margin-top: 35px;

    cursor: pointer;

    background: url(../images/in%20png.png) no-repeat

}



#footer_base {

    width: 100%;

    height: 110px;

    float: left;

    background: url(../images/footer-floral.png) no-repeat;

    background-size: cover;

    margin-top: -110px

}



#footer_base2 {

    width: 100%;

    line-height: 30px;

    float: left;

    background: #000;

    text-align: center

}



#footer_base2 p {

    color: #bfbfbf

}



#instagram {

    width: 19%;

    height: 50px;

    float: left;

    margin-left: 3%;

    cursor: pointer;

    margin-top: 5px;

    background: url(../images/insta.png) no-repeat

}



.fac2 {

    width: 75px;

    height: 50px;

    float: left;

    cursor: pointer;

    background: url(../images/f%20png.png) no-repeat

}



.b2 {

    width: 75px;

    height: 50px;

    float: left;

    cursor: pointer;

    background: url(../images/p%20png.png) no-repeat

}



.twiter2 {

    width: 75px;

    height: 50px;

    float: left;

    cursor: pointer;

    background: url(../images/t%20png.png) no-repeat

}



.linkdin2 {

    width: 75px;

    height: 50px;

    float: left;

    cursor: pointer;

    background: url(../images/in%20png.png) no-repeat

}



.website_page_logo {

    background: url(../images/bg_logoSection.jpg) no-repeat 100%;

    width: 100%;

    height: auto;

    float: left

}



.row_weblogo {

    margin-top: 40px;

    cursor: pointer;

    margin-left: -20px

}



#box {

    margin-top: 60px;

    background: url(../images/box.png) no-repeat;

    width: 88%;

    height: 640px;

    margin: auto;

    margin-top: 60px;

    padding-top: 5px;

    overflow: scroll

}



#box_scroll {

    width: 96%;

    height: 680px;

    margin: auto;

    background: #ccc

}



#one_arrow,

#one_arrow_right {

    margin-top: 120px;

    text-align: center;

    display: none

}



#two_arrow,

#two_arrow_right {

    margin-top: 165px;

    text-align: center;

    display: none

}



#three_arrow,

#three_arrow_right {

    margin-top: 175px;

    text-align: center;

    display: none

}



.arow {

    position: absolute;

    top: 45px !important;

    right: -22%

}



.arow2 {

    position: absolute;

    top: 45px !important;

    left: -22%

}



.arow,

.arow2 {

    display: none

}



#arow_active {

    display: block

}



#arro_box_,

#arro_box_eight,

#arro_box_five,

#arro_box_six,

#arro_box_three,

#arro_box_two {

    display: none

}



#yy {

    width: 547px;

    height: 646px;

    float: left;

    overflow: hidden !important;

    position: relative

}



.image-bg {

    float: left;

    background: url(../images/box2.png) no-repeat;

    display: inline-block;

    width: 550px;

    height: 640px;

    position: relative;

    margin-top: 60px

}



.image-bg .image_scroll {

    background-position: center 0;

    background-repeat: no-repeat;

    height: 622px;

    left: 11px !important;

    position: absolute;

    top: 3px;

    width: 100%

}



.image-bg .image_scroll {

    transition: all 8s ease-out 0s;

    -webkit-transition: all 8s ease-out 0s;

    -moz-transition: all 8s ease-out 0s;

    -ms-transition: all 8s ease-out 0s;

    -o-transition: all 8s ease-out 0s

}



.image-bg:hover .image_scroll {

    background-position: center 100% !important

}



#btnGo,

#btnGo:active,

#btnGo:focus,

#btnGo:hover,

.btn,

.btn:active,

.btn:focus,

.btn:hover,

button,

button:active,

button:focus,

button:hover {

    outline: 0 !important

}



.logo_magnifier {

    width: 15%;

    margin: auto;

    height: 50px;

    position: absolute;

    left: 45.5%;

    top: 40%;

    cursor: pointer

}



.logos {

    width: 300px;

    height: 231px;

    margin: auto

}



#first_logo {

    background: url(../images/csm.png) no-repeat

}



#first_logo:hover {

    background: url(../images/csm-hover.png) no-repeat

}



.logo_magnifier:hover+#first_logo {

    background: url(../images/csm-hover.png) no-repeat

}



#second_logo {

    background: url(../images/hang.png) no-repeat

}



#second_logo:hover {

    background: url(../images/hang-hover.png) no-repeat

}



.logo_magnifier:hover+#second_logo {

    background: url(../images/hang-hover.png) no-repeat

}



#third_logo {

    background: url(../images/oak.png) no-repeat

}



#third_logo:hover {

    background: url(../images/oak-hover.png) no-repeat

}



.logo_magnifier:hover+#third_logo {

    background: url(../images/oak-hover.png) no-repeat

}



#fourth_logo {

    background: url(../images/radio.png) no-repeat

}



#fourth_logo:hover {

    background: url(../images/radio-hover.png) no-repeat

}



.logo_magnifier:hover+#fourth_logo {

    background: url(../images/radio-hover.png) no-repeat

}



#fifth_logo {

    background: url(../images/virus.png) no-repeat

}



#fifth_logo:hover {

    background: url(../images/virus-hover.png) no-repeat

}



.logo_magnifier:hover+#fifth_logo {

    background: url(../images/virus-hover.png) no-repeat

}



#sixth_logo {

    background: url(../images/drone.png) no-repeat

}



#sixth_logo:hover {

    background: url(../images/drone-hover.png) no-repeat

}



.logo_magnifier:hover+#sixth_logo {

    background: url(../images/drone-hover.png) no-repeat

}



#seventh_logo {

    background: url(../images/culture.png) no-repeat

}



#seventh_logo:hover {

    background: url(../images/culture-hover.png) no-repeat

}



.logo_magnifier:hover+#seventh_logo {

    background: url(../images/culture-hover.png) no-repeat

}



#eighth_logo {

    background: url(../images/wow.png) no-repeat

}



#eighth_logo:hover {

    background: url(../images/wow-hover.png) no-repeat

}



.logo_magnifier:hover+#eighth_logo {

    background: url(../images/wow-hover.png) no-repeat

}



#ninth_logo {

    background: url(../images/laurence.png) no-repeat

}



#ninth_logo:hover {

    background: url(../images/laurence-hover.png) no-repeat

}



.logo_magnifier:hover+#ninth_logo {

    background: url(../images/laurence-hover.png) no-repeat

}



#logo_10 {

    background: url(../images/logo_10.png) no-repeat

}



#logo_10:hover {

    background: url(../images/logoh_10.png) no-repeat

}



.logo_magnifier:hover+#logo_10 {

    background: url(../images/logoh_10.png) no-repeat

}



#logo_11 {

    background: url(../images/logo_11.png) no-repeat

}



#logo_11:hover {

    background: url(../images/logoh_11.png) no-repeat

}



.logo_magnifier:hover+#logo_11 {

    background: url(../images/logoh_11.png) no-repeat

}



#logo_12 {

    background: url(../images/logo_12.png) no-repeat

}



#logo_12:hover {

    background: url(../images/logoh_12.png) no-repeat

}



.logo_magnifier:hover+#logo_12 {

    background: url(../images/logoh_12.png) no-repeat

}



#logo_13 {

    background: url(../images/logo_13.png) no-repeat

}



#logo_13:hover {

    background: url(../images/logoh_13.png) no-repeat

}



.logo_magnifier:hover+#logo_13 {

    background: url(../images/logoh_13.png) no-repeat

}



#logo_14 {

    background: url(../images/logo_14.png) no-repeat

}



#logo_14:hover {

    background: url(../images/logoh_14.png) no-repeat

}



.logo_magnifier:hover+#logo_14 {

    background: url(../images/logoh_14.png) no-repeat

}



#logo_15 {

    background: url(../images/logo_15.png) no-repeat

}



#logo_15:hover {

    background: url(../images/logoh_15.png) no-repeat

}



.logo_magnifier:hover+#logo_15 {

    background: url(../images/logoh_15.png) no-repeat

}



#tenth_logo {

    background: url(../images/criminal.png) no-repeat

}



#tenth_logo:hover {

    background: url(../images/criminal-hover.png) no-repeat

}



.logo_magnifier:hover+#tenth_logo {

    background: url(../images/criminal-hover.png) no-repeat

}



#logo_012 {

    background: url(../images/decilz.png) no-repeat

}



#logo_012:hover {

    background: url(../images/decilz-hover.png) no-repeat

}



.logo_magnifier:hover+#logo_012 {

    background: url(../images/decilz-hover.png) no-repeat

}



#logo_17 {

    background: url(../images/doctor.png) no-repeat

}



#logo_17:hover {

    background: url(../images/doctor-hover.png) no-repeat

}



.logo_magnifier:hover+#logo_17 {

    background: url(../images/doctor-hover.png) no-repeat

}



#logo_18 {

    background: url(../images/dwight.png) no-repeat

}



#logo_18:hover {

    background: url(../images/dwight-hover.png) no-repeat

}



.logo_magnifier:hover+#logo_18 {

    background: url(../images/dwight-hover.png) no-repeat

}



#logo_19 {

    background: url(../images/gwg.png) no-repeat

}



#logo_19:hover {

    background: url(../images/gwg-hover.png) no-repeat

}



.logo_magnifier:hover+#logo_19 {

    background: url(../images/gwg-hover.png) no-repeat

}



#logo_20 {

    background: url(../images/jp.png) no-repeat

}



#logo_20:hover {

    background: url(../images/jp-hover.png) no-repeat

}



.logo_magnifier:hover+#logo_20 {

    background: url(../images/jp-hover.png) no-repeat

}



#logo_21 {

    background: url(../images/klk.png) no-repeat

}



#logo_21:hover {

    background: url(../images/klk-hover.png) no-repeat

}



.logo_magnifier:hover+#logo_21 {

    background: url(../images/klk-hover.png) no-repeat

}



#logo_22 {

    background: url(../images/luciano.png) no-repeat

}



#logo_22:hover {

    background: url(../images/luciano-hover.png) no-repeat

}



.logo_magnifier:hover+#logo_22 {

    background: url(../images/luciano-hover.png) no-repeat

}



#logo_23 {

    background: url(../images/planet.png) no-repeat

}



#logo_23:hover {

    background: url(../images/planet-hover.png) no-repeat

}



.logo_magnifier:hover+#logo_23 {

    background: url(../images/planet-hover.png) no-repeat

}



#logo_24 {

    background: url(../images/prayer.png) no-repeat

}



#logo_24:hover {

    background: url(../images/prayer-hover.png) no-repeat

}



.logo_magnifier:hover+#logo_24 {

    background: url(../images/prayer-hover.png) no-repeat

}



#logo_25 {

    background: url(../images/premium.png) no-repeat

}



#logo_25:hover {

    background: url(../images/premium-hover.png) no-repeat

}



.logo_magnifier:hover+#logo_25 {

    background: url(../images/premium-hover.png) no-repeat

}



#logo_26 {

    background: url(../images/sun.png) no-repeat

}



#logo_26:hover {

    background: url(../images/sun-hover.png) no-repeat

}



.logo_magnifier:hover+#logo_26 {

    background: url(../images/sun-hover.png) no-repeat

}



#logo_27 {

    background: url(../images/tdr.png) no-repeat

}



#logo_27:hover {

    background: url(../images/tdr-hover.png) no-repeat

}



.logo_magnifier:hover+#logo_27 {

    background: url(../images/tdr-hover.png) no-repeat

}



#logo_28 {

    background: url(../images/teacher.png) no-repeat

}



#logo_28:hover {

    background: url(../images/teacher-hover.png) no-repeat

}



.logo_magnifier:hover+#logo_28 {

    background: url(../images/teacher-hover.png) no-repeat

}



#logo_29 {

    background: url(../images/ths.png) no-repeat

}



#logo_29:hover {

    background: url(../images/ths-hover.png) no-repeat

}



.logo_magnifier:hover+#logo_29 {

    background: url(../images/ths-hover.png) no-repeat

}



#logo_30 {

    background: url(../images/toby.png) no-repeat

}



#logo_30:hover {

    background: url(../images/toby-hover.png) no-repeat

}



.logo_magnifier:hover+#logo_30 {

    background: url(../images/toby-hover.png) no-repeat

}



#logo_31 {

    background: url(../images/4corners.png) no-repeat

}



#logo_31:hover {

    background: url(../images/4corners-hover.png) no-repeat

}



.logo_magnifier:hover+#logo_31 {

    background: url(../images/4corners-hover.png) no-repeat

}



section.t_shirt_design {

    background: url(../images/bg_logoSection.png) repeat;

    width: 100%;

    height: 1090px;

    float: left;

    border-top: 1px solid #ddd;

    border-bottom: 3px solid #ddd

}



.t_Shirt_images {

    width: 310px;

    height: 240px;

    float: right;

    background: #ccc

}



#first_tShirt {

    background: url(../images/T_shirt1.png) no-repeat

}



#second_tShirt {

    background: url(../images/T_shirt2.png) no-repeat

}



#third_tShirt {

    background: url(../images/T_shirt3.png) no-repeat

}



#fourth_tShirt {

    background: url(../images/T_shirt4.png) no-repeat

}



#fifth_tShirt {

    background: url(../images/T_shirt5.png) no-repeat

}



#sixth_tShirt {

    background: url(../images/T_shirt6.png) no-repeat

}



#seventh_tShirt {

    background: url(../images/T_shirt7.png) no-repeat

}



#eight_tShirt {

    background: url(../images/T_shirt8.png) no-repeat

}



#ninth_tShirt {

    background: url(../images/T_shirt9.png) no-repeat

}



#first_tShirt:hover {

    background: url(../images/T_shirt1_hover.png) no-repeat

}



#second_tShirt:hover {

    background: url(../images/T_shirt2_hover.png) no-repeat

}



#third_tShirt:hover {

    background: url(../images/T_shirt3_hover.png) no-repeat

}



#fourth_tShirt:hover {

    background: url(../images/T_shirt4_hover.png) no-repeat

}



#fifth_tShirt:hover {

    background: url(../images/T_shirt5_hover.png) no-repeat

}



#sixth_tShirt:hover {

    background: url(../images/T_shirt6_hover.png) no-repeat

}



#seventh_tShirt:hover {

    background: url(../images/T_shirt7_hover.png) no-repeat

}



#eight_tShirt:hover {

    background: url(../images/T_shirt8_hover.png) no-repeat

}



#ninth_tShirt:hover {

    background: url(../images/T_shirt9_hover.png) no-repeat

}



.logo_magnifier:hover+#first_tShirt {

    background: url(../images/T_shirt1_hover.png) no-repeat

}



.logo_magnifier:hover+#second_tShirt {

    background: url(../images/T_shirt2_hover.png) no-repeat

}



.logo_magnifier:hover+#third_tShirt {

    background: url(../images/T_shirt3_hover.png) no-repeat

}



.logo_magnifier:hover+#fourth_tShirt {

    background: url(../images/T_shirt4_hover.png) no-repeat

}



.logo_magnifier:hover+#fifth_tShirt {

    background: url(../images/T_shirt5_hover.png) no-repeat

}



.logo_magnifier:hover+#sixth_tShirt {

    background: url(../images/T_shirt6_hover.png) no-repeat

}



.logo_magnifier:hover+#seventh_tShirt {

    background: url(../images/T_shirt7_hover.png) no-repeat

}



.logo_magnifier:hover+#eight_tShirt {

    background: url(../images/T_shirt8_hover.png) no-repeat

}



.logo_magnifier:hover+#ninth_tShirt {

    background: url(../images/T_shirt9_hover.png) no-repeat

}



section.t_shirt_design {

    background: url(../images/bg_logoSection.png) repeat;

    width: 100%;

    height: 1090px;

    float: left;

    border-top: 1px solid #ddd;

    border-bottom: 3px solid #ddd

}



#first_Illustration {

    background: url(../images/illustration1.png) no-repeat

}



#second_Illustration {

    background: url(../images/illustration2.png) no-repeat

}



#third_Illustration {

    background: url(../images/illustration3.png) no-repeat

}



#fourth_Illustration {

    background: url(../images/illustration4.png) no-repeat

}



#fifth_Illustration {

    background: url(../images/illustration9.png) no-repeat

}



#first_Illustration:hover {

    background: url(../images/illustration1_hover.png) no-repeat

}



#second_Illustration:hover {

    background: url(../images/illustration2_hover.png) no-repeat

}



#third_Illustration:hover {

    background: url(../images/illustration3_hover.png) no-repeat

}



#fourth_Illustration:hover {

    background: url(../images/illustration4_hover.png) no-repeat

}



#fifth_Illustration:hover {

    background: url(../images/illustration9_hover.png) no-repeat

}



.logo_magnifier:hover+#first_Illustration {

    background: url(../images/illustration1_hover.png) no-repeat

}



.logo_magnifier:hover+#second_Illustration {

    background: url(../images/illustration2_hover.png) no-repeat

}



.logo_magnifier:hover+#third_Illustration {

    background: url(../images/illustration3_hover.png) no-repeat

}



.logo_magnifier:hover+#fourth_Illustration {

    background: url(../images/illustration4_hover.png) no-repeat

}



.logo_magnifier:hover+#fifth_Illustration {

    background: url(../images/illustration9_hover.png) no-repeat

}



section.t_shirt_design {

    background: url(../images/bg_logoSection.png) repeat;

    width: 100%;

    height: 1090px;

    float: left;

    border-top: 1px solid #ddd;

    border-bottom: 3px solid #ddd

}



#first_brand {

    background: url(../images/brand1.png) no-repeat

}



#second_brand {

    background: url(../images/brand2.png) no-repeat

}



#third_brand {

    background: url(../images/brand3.png) no-repeat

}



#fourth_brand {

    background: url(../images/brand4.png) no-repeat

}



#fifth_brand {

    background: url(../images/brand5.png) no-repeat

}



#sixth_brand {

    background: url(../images/brand6.png) no-repeat

}



#seventh_brand {

    background: url(../images/brand7.png) no-repeat

}



#eight_brand {

    background: url(../images/brand8.png) no-repeat

}



#ninth_brand {

    background: url(../images/brand9.png) no-repeat

}



#first_brand:hover {

    background: url(../images/white_brand1.png) no-repeat

}



#second_brand:hover {

    background: url(../images/white_brand2.png) no-repeat

}



#third_brand:hover {

    background: url(../images/white_brand3.png) no-repeat

}



#fourth_brand:hover {

    background: url(../images/white_brand4.png) no-repeat

}



#fifth_brand:hover {

    background: url(../images/white_brand5.png) no-repeat

}



#sixth_brand:hover {

    background: url(../images/white_brand6.png) no-repeat

}



#seventh_brand:hover {

    background: url(../images/white_brand7.png) no-repeat

}



#eight_brand:hover {

    background: url(../images/white_brand8.png) no-repeat

}



#ninth_brand:hover {

    background: url(../images/white_brand9.png) no-repeat

}



.logo_magnifier:hover+#first_brand {

    background: url(../images/white_brand1.png) no-repeat

}



.logo_magnifier:hover+#second_brand {

    background: url(../images/white_brand2.png) no-repeat

}



.logo_magnifier:hover+#third_brand {

    background: url(../images/white_brand3.png) no-repeat

}



.logo_magnifier:hover+#fourth_brand {

    background: url(../images/white_brand4.png) no-repeat

}



.logo_magnifier:hover+#fifth_brand {

    background: url(../images/white_brand5.png) no-repeat

}



.logo_magnifier:hover+#sixth_brand {

    background: url(../images/white_brand6.png) no-repeat

}



.logo_magnifier:hover+#seventh_brand {

    background: url(../images/white_brand7.png) no-repeat

}



.logo_magnifier:hover+#eight_brand {

    background: url(../images/white_brand8.png) no-repeat

}



.logo_magnifier:hover+#ninth_brand {

    background: url(../images/white_brand9.png) no-repeat

}



section.t_shirt_design {

    background: url(../images/bg_logoSection.png) repeat;

    width: 100%;

    height: 1090px;

    float: left;

    border-top: 1px solid #ddd;

    border-bottom: 3px solid #ddd

}



#first_packaging {

    background: url(../images/pak1.png) no-repeat

}



#second_packaging {

    background: url(../images/pak2.png) no-repeat

}



#third_packaging {

    background: url(../images/pak3.png) no-repeat

}



#fourth_packaging {

    background: url(../images/pak4.png) no-repeat

}



#fifth_packaging {

    background: url(../images/pak5.png) no-repeat

}



#sixth_packaging {

    background: url(../images/pak6.png) no-repeat

}



#seventh_packaging {

    background: url(../images/pak7.png) no-repeat

}



#eight_packaging {

    background: url(../images/pak8.png) no-repeat

}



#ninth_packaging {

    background: url(../images/pak9.png) no-repeat

}



#first_packaging:hover {

    background: url(../images/pak1w.png) no-repeat

}



#second_packaging:hover {

    background: url(../images/pak2w.png) no-repeat

}



#third_packaging:hover {

    background: url(../images/pak3w.png) no-repeat

}



#fourth_packaging:hover {

    background: url(../images/pak4w.png) no-repeat

}



#fifth_packaging:hover {

    background: url(../images/pak5w.png) no-repeat

}



#sixth_packaging:hover {

    background: url(../images/pak6w.png) no-repeat

}



#seventh_packaging:hover {

    background: url(../images/pak7w.png) no-repeat

}



#eight_packaging:hover {

    background: url(../images/pak8w.png) no-repeat

}



#ninth_packaging:hover {

    background: url(../images/pak9w.png) no-repeat

}



.logo_magnifier:hover+#first_packaging {

    background: url(../images/pak1w.png) no-repeat

}



.logo_magnifier:hover+#second_packaging {

    background: url(../images/pak2w.png) no-repeat

}



.logo_magnifier:hover+#third_packaging {

    background: url(../images/pak3w.png) no-repeat

}



.logo_magnifier:hover+#fourth_packaging {

    background: url(../images/pak4w.png) no-repeat

}



.logo_magnifier:hover+#fifth_packaging {

    background: url(../images/pak5w.png) no-repeat

}



.logo_magnifier:hover+#sixth_packaging {

    background: url(../images/pak6w.png) no-repeat

}



.logo_magnifier:hover+#seventh_packaging {

    background: url(../images/pak7w.png) no-repeat

}



.logo_magnifier:hover+#eight_packaging {

    background: url(../images/pak8w.png) no-repeat

}



.logo_magnifier:hover+#ninth_packaging {

    background: url(../images/pak9w.png) no-repeat

}



#first_web {

    background: url(../images/web_1.png) no-repeat

}



#second_web {

    background: url(../images/web_2.png) no-repeat

}



#third_web {

    background: url(../images/web_3.png) no-repeat

}



#fourth_web {

    background: url(../images/web_4.png) no-repeat

}



#fifth_web {

    background: url(../images/web_5.png) no-repeat

}



#sixth_web {

    background: url(../images/web_6.png) no-repeat

}



#seventh_web {

    background: url(../images/web_7.png) no-repeat

}



#eight_web {

    background: url(../images/web_8.png) no-repeat

}



#ninth_web {

    background: url(../images/web_9.png) no-repeat

}



#first_web:hover {

    background: url(../images/web_1_hover.png) no-repeat

}



#second_web:hover {

    background: url(../images/web_2_hover.png) no-repeat

}



#third_web:hover {

    background: url(../images/web_3_hover.png) no-repeat

}



#fourth_web:hover {

    background: url(../images/web_4_hover.png) no-repeat

}



#fifth_web:hover {

    background: url(../images/web_5_hover.png) no-repeat

}



#sixth_web:hover {

    background: url(../images/web_6_hover.png) no-repeat

}



#seventh_web:hover {

    background: url(../images/web_7_hover.png) no-repeat

}



#eight_web:hover {

    background: url(../images/web_8_hover.png) no-repeat

}



#ninth_web:hover {

    background: url(../images/web_9_hover.png) no-repeat

}



.logo_magnifier:hover+#first_web {

    background: url(../images/web_1_hover.png) no-repeat

}



.logo_magnifier:hover+#second_web {

    background: url(../images/web_2_hover.png) no-repeat

}



.logo_magnifier:hover+#third_web {

    background: url(../images/web_3_hover.png) no-repeat

}



.logo_magnifier:hover+#fourth_web {

    background: url(../images/web_4_hover.png) no-repeat

}



.logo_magnifier:hover+#fifth_web {

    background: url(../images/web_5_hover.png) no-repeat

}



.logo_magnifier:hover+#sixth_web {

    background: url(../images/web_6_hover.png) no-repeat

}



.logo_magnifier:hover+#seventh_web {

    background: url(../images/web_7_hover.png) no-repeat

}



.logo_magnifier:hover+#eight_web {

    background: url(../images/web_8_hover.png) no-repeat

}



.logo_magnifier:hover+#ninth_web {

    background: url(../images/web_9_hover.png) no-repeat

}



section.t_shirt_design {

    background: url(../images/bg_logoSection.png) repeat;

    width: 100%;

    height: 1090px;

    float: left;

    border-top: 1px solid #ddd;

    border-bottom: 3px solid #ddd

}



#first_video {

    background: url(../images/digitalbulls_vd.png) no-repeat

}



#second_video {

    background: url(../images/seo.png) no-repeat

}



#third_video {

    background: url(../images/digitalbulls2.png) no-repeat

}



#fourth_video {

    background: url(../images/3square-meals.png) no-repeat

}



#fifth_video {

    background: url(../images/paycron.png) no-repeat

}



#sixth_video {

    background: url(../images/roof-masters.png) no-repeat

}



#seventh_video {

    background: url(../images/seo.png) no-repeat

}



#eight_video {

    background: url(../images/seo.png) no-repeat

}



#ninth_video {

    background: url(../images/seo.png) no-repeat

}



.pd {

    padding-top: 60px

}



.video_box {

    width: 86%;

    height: 214px;

    position: relative;

    margin: auto;

    background: url(../images/video_border-short.png) no-repeat

}



#my-video {

    position: absolute;

    top: 30.8%;

    left: 17.6%

}



.video-js {

    background: #000

}



.mB_padding {

    padding: 0 !important

}



.modal_row {

    margin-right: -30px !important;

    margin-left: -30px !important

}



.model_width {

    width: 900px !important

}



.modal_row h2,

.modal_row p {

    padding: 0 12px !important

}



.modal_btn {

    background: url(../images/modal_btn.png) no-repeat;

    height: 40px;

    width: 200px;

    margin: auto;

    background-position: 50% 0;

    margin-top: 50px

}



.modal_btn:hover {

    background-position: 50% -45px

}



.close {

    opacity: .6 !important

}



.wd_content {

    background: url(../images/lines.png) no-repeat;

    background-position-x: center;

    background-color: #fff;

    padding: 0 0 100px

}



.content_row1 {

    padding-top: 75px

}



.left_img1 {

    margin-top: 60px

}



.left_img1 img {

    margin: 0 auto

}



.content_row2 {

    padding-top: 100px

}



.right_img2 {

    margin-top: 60px

}



.right_img2 img {

    margin: 0 auto

}



.content_row3 {

    padding-top: 110px

}



.left_img3 {

    margin-top: 40px

}



.left_img3 img {

    margin: 0 auto

}



.content_row4 {

    padding-top: 120px

}



.right_img4 {

    margin-top: 160px

}



.right_img4 img {

    margin: 0 auto

}



.content_row5 {

    padding-top: 110px

}



.left_img5 {

    margin-top: 20px

}



.left_img5 img {

    margin: 0 auto

}



.content_row6 {

    padding-top: 100px

}



.right_img6 {

    margin-top: 130px

}



.right_img6 img {

    margin: 0 auto

}



.wd_content h4 {

    font-size: 24px;

    font-weight: 600;

    line-height: 1.3;

    margin-bottom: 60px

}



.wd_content p {

    font-size: 17px

}



.right_text3 {

    margin-top: 80px

}



.right_text3 h6 {

    font-size: 15px;

    font-weight: 600

}



.right_text3 ul li {

    font-size: 17px

}



.wd_content ul {

    padding-left: 15px

}



.wd_content h5 {

    font-size: 20px;

    font-weight: 600;

    padding-top: 15px

}



.right_text5 {

    margin-top: 50px

}



.left_text6 p,

.left_text6 ul li {

    font-size: 16px

}



p.wd_content_end {

    font-size: 16px;

    margin-top: 90px;

    padding-top: 20px

}



@media only screen and (min-width:320px) and (max-width:991px) {

    .wd_content {

        background: #fff

    }



    .wd_content .row {

        border-bottom: 1px solid #eee

    }



    .wd_content>.container>.row {

        border-bottom: 0 solid #eee

    }



    .content_row1,

    .content_row2,

    .content_row3,

    .content_row4,

    .content_row5,

    .content_row6 {

        padding-top: 0

    }



    .content_row2>.row,

    .content_row4>.row,

    .content_row6>.row {

        display: flex;

        flex-direction: column

    }



    .col-md-6.text2 {

        -webkit-order: 2;

        order: 2

    }



    .left_img1,

    .left_img3,

    .left_img5,

    .right_img2,

    .right_img4,

    .right_img6 {

        margin-top: 50px

    }



    .wd_content h4 {

        font-size: 18px;

        margin-bottom: 10px

    }



    .wd_content p {

        font-size: 15px

    }



    .right_text1 h4 br {

        display: none

    }



    .right_text3 ul li {

        font-size: 15px

    }



    .left_text6 p,

    .left_text6 ul li {

        font-size: 14px

    }



    p.wd_content_end {

        font-size: 14px;

        margin-top: 0

    }



    .right_text3 {

        margin-top: 0

    }



    .right_text5 {

        margin-top: 0

    }



    .wd_content {

        padding: 0 0 50px

    }

}



@media only screen and (min-width:992px) and (max-width:1024px) {

    .wd_content {

        background: url(../images/lines-1024.png) no-repeat;

        background-size: contain;

        background-color: #fff

    }



    .wd_content h4 {

        font-size: 18px

    }



    .wd_content p {

        font-size: 15px

    }



    .content_row1 {

        padding-top: 65px

    }



    .content_row2 {

        padding-top: 130px

    }



    .content_row3 {

        padding-top: 140px

    }



    .right_text3 {

        margin-top: 90px

    }



    .right_text3 ul li {

        font-size: 15px

    }



    .content_row4 {

        padding-top: 130px

    }



    .content_row5 {

        padding-top: 150px

    }



    .left_text6 p,

    .left_text6 ul li {

        font-size: 14px

    }



    p.wd_content_end {

        font-size: 14px

    }

}



@media only screen and (min-width:992px) and (max-width:1200px) {

    .brs {

        display: none

    }



    #my-video {

        position: absolute;

        top: 31% !important;

        left: 12.2% !important

    }



    .my-video-dimensions {

        width: 246px !important;

        height: 170px !important

    }



    .xx_inner {

        background-size: contain;

        width: 135px;

        padding-top: 0;

        padding-left: 5px

    }



    .xx_inner2 {

        width: 300px;

        background-size: contain

    }



    .navbar-nav>li {

        margin-left: 35px !important

    }



    #fac {

        width: 24%;

        height: 50px;

        float: left;

        margin-left: 15%;

        cursor: pointer;

        background: url(../images/f%20png.png) no-repeat

    }



    #b {

        width: 24%;

        height: 50px;

        float: left;

        margin-left: 5%;

        cursor: pointer;

        margin-top: 20px;

        margin-bottom: 15px;

        background: url(../images/p%20png.png) no-repeat

    }



    #twiter {

        width: 24%;

        height: 50px;

        float: left;

        margin-top: -15px;

        margin-left: 3%;

        cursor: pointer;

        background: url(../images/t%20png.png) no-repeat

    }



    #linkdin {

        width: 24%;

        height: 50px;

        float: left;

        margin-top: 32px;

        cursor: pointer;

        background: url(../images/in%20png.png) no-repeat

    }



    #instagram {

        width: 23%;

        height: 50px;

        float: left;

        margin-left: 3%;

        cursor: pointer;

        margin-top: 1px;

        background: url(../images/insta.png) no-repeat

    }



    .inner_skills,

    .inner_skills2,

    .inner_skills3 {

        width: 100% !important;

        padding-top: 30px !important

    }



    .inner_testi_left,

    .inner_testi_right {

        width: 78.8% !important

    }



    .post {

        margin: 0 !important

    }



    .image-bg {

        background: 0 0;

        width: 100%

    }



    #video_img_top {

        top: 30px !important

    }



    .testi {

        width: 100% !important;

        height: auto !important

    }



    .get-in-t,

    .news {

        width: 100% !important

    }



    .video_box {

        width: 100%;

        height: 205px;

        position: relative;

        margin: auto;

        background: url(../images/video_border1.png) no-repeat;

        background-size: cover

    }



    .close_sam {

        width: 100%;

        height: 286px !important;

        background-position: 50% -13px !important

    }



    .sam:hover+.close_sam {

        height: 280px !important;

        background-position: 0 -318px !important

    }



    .harry,

    .ned,

    .sam,

    .sunny {

        top: 10% !important

    }



    .close_jeff {

        width: 100%;

        height: 286px !important;

        background-position: 50% -665px !important

    }



    .jeff:hover+.close_jeff {

        width: 100%;

        height: 250px !important;

        background-position: 0 -970px !important

    }



    .close_john {

        width: 100%;

        height: 270px !important;

        background-position: 50% -1274px !important

    }



    .john:hover+.close_john {

        width: 100%;

        height: 250px !important;

        background-position: 0 -1580px !important

    }



    .close_ned {

        width: 100%;

        height: 286px !important;

        background-position: 50% -21px !important

    }



    .ned:hover+.close_ned {

        width: 100%;

        height: 250px !important;

        background-position: 0 -326px !important

    }



    .close_eva {

        width: 100%;

        height: 286px !important;

        background-position: 50% -655px !important

    }



    .eva:hover+.close_eva {

        width: 100%;

        height: 250px !important;

        background-position: 0 -961px !important

    }



    .close_sunny {

        width: 100%;

        height: 300px !important;

        background-position: 50% -21px !important

    }



    .sunny:hover+.close_sunny {

        width: 100%;

        height: 280px !important;

        background-position: 0 -326px !important

    }



    .close_alvin {

        width: 100%;

        height: 286px !important;

        background-position: 50% -655px !important

    }



    .alvin:hover+.close_alvin {

        width: 100%;

        height: 250px !important;

        background-position: 0 -960px !important

    }



    .close_scralet {

        width: 100%;

        height: 270px !important;

        background-position: 50% -1274px !important

    }



    .scralet:hover+.close_scralet {

        width: 100%;

        height: 250px !important;

        background-position: 0 -1578px !important

    }



    .close_harry {

        width: 100%;

        height: 286px !important;

        float: left;

        background-position: 50% -21px !important

    }



    .harry:hover+.close_harry {

        width: 100%;

        height: 250px !important;

        background-position: 0 -326px !important

    }



    .close_stella {

        width: 100%;

        height: 286px !important;

        background-position: 50% -655px !important

    }



    .stella:hover+.close_stella {

        width: 100%;

        height: 250px !important;

        background-position: 0 -960px !important

    }



    .blog_contant {

        top: 94px !important

    }



    .li {

        width: 84% !important

    }



    .markFb {

        padding-top: 40px

    }

}



@media only screen and (min-width:991px) {

    .web_develop_Small_screen {

        display: none !important

    }

}



.logotext {

    text-align: center;

    margin-bottom: 30px;

    width: 74%;

    margin: -25px auto 45px;

    font-size: 19px

}



@media only screen and (max-width:991px) {

    .brs {

        display: none

    }



    .logotext {

        width: 98%;

        margin: 0 auto 45px

    }



    .chose_design br,

    .chose_design2 br {

        display: none

    }



    .build_design p,

    .chose_design p,

    .chose_design2 p,

    .exclusive_design p,

    .feedback p,

    .research p {

        margin-top: 20px !important;

        font-weight: 700;

        text-align: justify

    }



    .chose_design2 {

        margin-right: 0 !important

    }



    .pd {

        padding-top: 0 !important

    }



    .build_design h3,

    .chose_design h3,

    .exclusive_design h3,

    .feedback h3,

    .research h3 {

        text-align: center !important

    }



    .exclusive_design {

        margin-top: 0 !important

    }



    .feedback,

    .technologies {

        background: 0 0 !important

    }



    .build_design,

    .technologies {

        padding-top: 0 !important

    }



     .feedback {

        padding-top: 60px !important

    }



    .chose_design2 {

        margin-top: 70px !important

    }



    .model_width {

        width: auto !important

    }



    .back_gif,

    .mail_box {

        display: none

    }



    .sort {

        height: 270px !important

    }



    .blog_upper {

        margin-right: 15px !important

    }



    .blog_upper2 {

        margin-left: 15px !important

    }



    .blog_contant {

        padding-left: 18px !important

    }



    .spacer-50.visible-sm.hidden-xs.hidden-md {

        height: 15px

    }



    .blog_contant p {

        font-size: 16px !important

    }



    .spacer-25 {

        height: 0 !important

    }



    .spacer-40,

    .spacer-70 {

        float: none !important

    }



    .pppp {

        height: auto !important

    }



    .inner_testi_left,

    .inner_testi_right {

        width: 50.6% !important;

        margin: auto !important;

        float: none !important

    }



    .testi_left,

    .testi_right {

        width: 100% !important

    }



    .more1,

    .under_logo {

        text-align: center !important

    }



    .post {

        background: 0 0 !important;

        background-size: cover;

        margin: 0

    }



    .p_add {

        color: #fff !important;

        font-size: 17px

    }



    .brs1 {

        background: #fff !important;

        color: #000

    }



    .send_btn2 {

        float: right !important

    }



    .letter_add {

        margin-top: -80px !important

    }



    .file_upload {

        padding-left: 3px !important;

        font-size: 13px

    }



    .brs1 {

        padding: 6px 8px

    }



    section.inner_logosection {

        height: auto;

        padding: 40px 0

    }



    .row_logo {

        margin-top: 0 !important

    }



    .web_develop_large_screen {

        display: none !important

    }



    .web_develop_Small_screen {

        display: block !important

    }



    .footer-top h3 {

        text-align: center

    }



    .review_img {

        max-width: 100%;

        height: auto;

        text-align: center;

        margin: 0 auto !important;

        float: none !important

    }



    .pc {

        text-align: center !important

    }



    #my-img {

        margin: auto !important;

        float: none !important

    }



    .card {

        height: auto !important

    }



    .sec_Card {

        display: none

    }



    .close_sam {

        width: 100%;

        height: 286px !important;

        background-position: 50% -13px !important

    }



    .close_jeff {

        width: 100%;

        height: 286px !important;

        background-position: 50% -665px !important

    }



    .close_john {

        width: 100%;

        height: 286px !important;

        background-position: 50% -1300px !important

    }



    .close_ned {

        width: 100%;

        height: 286px !important;

        background-position: 50% -21px !important

    }



    .close_eva {

        width: 100%;

        height: 286px !important;

        background-position: 50% -655px !important

    }



    .close_sunny {

        width: 100%;

        height: 286px !important;

        background-position: 50% -21px !important

    }



    .close_alvin {

        width: 100%;

        height: 286px !important;

        background-position: 50% -655px !important

    }



    .close_scralet {

        width: 100%;

        height: 286px !important;

        background-position: 50% -1300px !important

    }



    .close_harry {

        width: 100%;

        height: 286px !important;

        background-position: 50% -21px !important

    }



    .close_stella {

        width: 100%;

        height: 286px !important;

        background-position: 50% -655px !important

    }



    .close {

        font-size: 30px;

        opacity: .8

    }



    #content {

        width: 100%

    }



    .div_width_increase {

        position: static !important;

        margin-top: -15%

    }



    .blog_contant {

        top: 145px !important

    }

}



@media only screen and (min-width:768px) and (max-width:991px) {

    .captcha_box {

        bottom: 45px !important;

        left: 22% !important

    }



    .div_width_increase {

        margin-left: 18% !important

    }



    .approach_nav,

    .blog_nav,

    .categories_nav,

    .navbar-nav>li.menu1,

    .navbar-nav>li.menu2,

    .navbar-nav>li.menu3,

    .navbar-nav>li.menu4,

    .people_nav {

        margin-right: 2px !important

    }



    section.inner_logosection {

        height: auto

    }



    .w3,

    .w32,

    .w32+.row {

        text-align: center !important

    }



    .tt h3 {

        text-align: center

    }



    .navbar-nav>li {

        margin-left: -4px !important

    }



    .first_carasol {

        height: auto;

        left: -44px;

        top: 50px

    }



    .second_carasol {

        top: 50px;

        right: -40px

    }



    .back_im {

        background: #fff !important

    }



    .sub_back {

        width: 18% !important

    }



    .our-specialties {

        width: 25%;

        float: left

    }



    .border {

        border: none !important

    }



    .get-in-t,

    .news,

    .testi {

        margin: auto;

        border-left: none !important

    }



    .get-in-t {

        width: 365px !important

    }



    #my-video {

        position: absolute;

        top: 17%;

        left: 31%

    }



    .skills {

        height: auto !important

    }



    .testi_box {

        width: 60% !important

    }



    .under_logo {

        margin-left: -135px

    }



    .people_main .spacer-200 {

        display: none !important

    }



    .close_alvin,

    .close_eva,

    .close_harry,

    .close_jeff,

    .close_john,

    .close_ned,

    .close_sam,

    .close_stella,

    .close_sunny {

        width: 80% !important;

        margin-left: 10%;

        height: 440px !important

    }



    .close_sam {

        background-position: 50% -700px !important

    }



    .close_jeff {

        background-position: 50% -1900px !important

    }



    .close_john {

        background-position: 50% -3100px !important

    }



    .close_ned {

        background-position: 50% -700px !important

    }



    .close_eva {

        background-position: 50% -1900px !important

    }



    .close_sunny {

        background-position: 50% -710px !important

    }



    .close_alvin {

        background-position: 50% -1900px !important

    }



    .close_scralet {

        width: 80% !important;

        margin-left: 10%;

        height: 480px !important;

        background-position: 50% -3059px !important

    }



    .close_harry {

        background-position: 50% -700px !important

    }



    .close_stella {

        background-position: 50% -1900px !important

    }



    .oppning {

        margin: 0 38% !important

    }



    .ko1 {

        width: 45% !important;

        height: auto !important;

        float: left

    }



    .ko2 {

        width: 55% !important;

        height: auto !important;

        float: left

    }



    .popup_list li {

        font-size: 22px !important

    }



    .le {

        width: 84% !important

    }



    .comeTop {

        margin-top: -65px !important

    }



    .blog_contant {

        top: 80px !important

    }

}



@media only screen and (max-width:767px) {



    .logodesign,

    .web_design {

        text-align: center

    }



    .logodesign img,

    .web_design img {

        margin: 10px 15% !important;

        width: 70%

    }



    .div_width_increase {

        margin-left: 0 !important;

        margin-top: -22% !important

    }



    body {

        overflow-x: hidden !important

    }



    .log {

        width: 220px;

        height: 80px;

        float: none;

        margin: auto;

        text-align: center

    }



    .contact_details {

        display: none !important

    }



    .po {

        padding-bottom: 0

    }



    .navbar-toggle {

        margin-right: 33% !important

    }



    .navbar-inverse .navbar-toggle {

        border-color: transparent !important

    }



    .menu {

        background: #1dc2f2 !important;

        opacity: .8

    }



    .navbar-nav>li.menu1,

    .navbar-nav>li.menu2,

    .navbar-nav>li.menu3,

    .navbar-nav>li.menu4,

    .navbar-nav>li.menu5,

    .navbar-nav>li.menu6,

    .navbar-nav>li.people_nav {

        height: 45px

    }



    .navbar-nav>li.menu1:hover,

    .navbar-nav>li.menu2:hover,

    .navbar-nav>li.menu3:hover,

    .navbar-nav>li.menu4:hover,

    .navbar-nav>li.menu5:hover,

    .navbar-nav>li.menu6:hover {

        height: 45px

    }



    .navbar-inverse .navbar-nav>li>a {

        line-height: 15px !important

    }



    .contact {

        text-align: center

    }



    .pkk {

        float: none !important

    }



    .navbar-nav>li.approach_nav,

    .navbar-nav>li.blog_nav,

    .navbar-nav>li.categories_nav,

    .navbar-nav>li.contact_nav,

    .navbar-nav>li.menu1,

    .navbar-nav>li.menu2,

    .navbar-nav>li.menu3,

    .navbar-nav>li.menu4,

    .navbar-nav>li.menu5,

    .navbar-nav>li.people_nav {

        background: 0 0 !important;

        height: 45px !important

    }



    .navbar-nav {

        margin: 0 -15px;

        background: rgba(0, 192, 242, .7)

    }



    .navbar-nav li a:hover {

        background: #333 !important;

        color: #fff !important

    }



    .navbar-inverse .navbar-nav>li>a {

        color: #fff !important

    }



    .build_design h3,

    .exclusive_design h3,

    .feedback h3,

    .research h3 {

        text-align: center !important

    }



    .technologies {

        background: 0 0 !important;

        padding-top: 0 !important

    }



    .build_design {

        padding: 0 !important

    }



    .exclusive_design {

        margin-top: 0 !important

    }



    .produce_Design {

        margin-top: 60px !important

    }



    .feedback {

        background: 0 0 !important;

        margin-top: 0 !important;

        padding-top: 0 !important

    }



    .img-responsive_right {

        max-width: 100%;

        height: auto;

        float: left !important;

        behavior: alternate

    }



    #left,

    #right {

        width: 100% !important;

        height: auto !important

    }



    #parcent {

        width: 30%;

        height: auto

    }



    .bg-spe {

        text-align: center

    }



    .w3,

    .w32,

    .w32+.row,

    .your_needs h4 {

        text-align: center !important

    }



    .your_needs ul {

        margin-left: 33%

    }



    #footer_logo {

        text-align: center;

        background-position: center;

        float: initial

    }



    #social_foo {

        padding-left: 20% !important

    }



    #footer_base {

        margin-top: -110px

    }



    .first_carasol {

        height: auto;

        left: -44px;

        top: 40px

    }



    .second_carasol {

        top: 40px;

        right: -30px !important

    }



    .my-video-dimensions {

        height: 181.4px;

        margin: auto

    }



    #video_title {

        float: none;

        margin: auto !important

    }



    .testi {

        border-right: none;

        border-image: none !important;

        text-align: center

    }



    .news {

        border-right: none;

        border-image: none !important;

        text-align: center

    }



    .get-in-t {

        border-right: none;

        border-image: none !important;

        text-align: center

    }



    .get-in-t,

    .news,

    .testi {

        border: none !important;

        margin: auto;

        width: 100% !important;

        height: auto !important

    }



    #email {

        margin-top: -15px;

        margin-left: px

    }



    .xx_inner2 {

        height: 66px;

        width: 302px !important;

        background: url(../images/276msg.png) no-repeat;

        background-size: cover

    }



    #footer_base {

        height: 110px;

        background: url(../images/footer-floral.png) no-repeat;

        background-size: 100%;

        background-position: bottom

    }



    footer {

        background: url(../images/footer_bg.jpg) repeat;

        width: 100%;

        height: auto

    }



    #shirtImg {

        margin-left: 5%

    }



    #inner_top {

        height: auto

    }



    #inner_one {

        height: auto

    }



    #inner_one2,

    #inner_one4 {

        height: auto

    }



    #inner_one3 {

        width: 20%;

        height: 118px

    }



    #inner_bottom {

        height: auto;

        margin-top: 5px

    }



    #inner_bottom1,

    #inner_bottom2,

    #inner_bottom3,

    #inner_bottom31 {

        height: auto

    }



    #inner_bottom32 {

        height: auto;

        margin-top: 20px

    }



    #m {

        display: none !important

    }



    #content {

        width: 100% !important;

        min-height: 86px

    }



    #inner_bottom32 #cam_img {

        margin-top: 15px;

        margin-bottom: 15px

    }



    .x h3 {

        margin-left: 5px;

        margin-top: 12px

    }



    .x {

        margin: 10px auto

    }



    .tt {

        text-align: center

    }



    .model_inn_a {

        width: 50%;

        height: auto;

        float: left

    }



    .model_inn_b {

        width: 50%;

        height: auto;

        float: left

    }



    .navbar-nav>li {

        width: 100% !important;

        margin-left: 0;

        float: none !important

    }



    .contact {

        padding-top: 0 !important

    }



    #linkdin {

        margin-right: 11%

    }



    section.inner_logosection {

        height: auto

    }



    .logos {

        width: 300px;

        height: 231px;

        margin: auto;

        margin-top: 5px

    }



    .logos {

        margin-top: 5px

    }



    #my-img {

        margin-top: 5px !important

    }



    .back_im {

        background: #fff !important

    }



    .our-specialties {

        width: 50%;

        float: left

    }



    .border {

        border: none

    }



    .skills {

        height: auto !important

    }



    #my-video {

        top: 70px !important

    }



    .video_box {

        width: 100%;

        height: 235px;

        position: relative;

        float: left;

        background: 0 0 !important

    }



    .inner_testi_left,

    .inner_testi_right {

        width: 50.6% !important;

        margin: auto !important;

        height: 300px !important;

        float: none !important;

        background: 0 0 !important

    }



    .testi_left,

    .testi_right {

        width: 100% !important;

        height: 420px !important;

        float: none !important;

        margin: auto !important

    }



    .inner_testi_left h4,

    .inner_testi_right h4 {

        bottom: -240px !important

    }



    #my-video2,

    #my-video3 {

        width: 280px !important;

        height: 200px !important

    }



    #my-video2,

    #my-video3 {

        position: absolute;

        top: -4%;

        left: -30% !important

    }



    .testi_box {

        width: 70% !important

    }



    .testi_head_content {

        height: 180px !important

    }



    .floating_box1,

    .floating_box2,

    .floating_box3 {

        width: 70px !important;

        height: 15px !important

    }



    .more1 {

        margin-left: -10% !important

    }



    #fac {

        margin-left: 27% !important

    }



    #twiter {

        margin-left: 21% !important

    }



    #linkdin {

        margin-left: -8% !important

    }



    #b {

        margin-left: -4% !important

    }



    #instagram {

        margin-left: -17%

    }



    .people_main .spacer-200 {

        display: none !important

    }



    .people_main .spacer-200 {

        display: none !important

    }



    .close_alvin,

    .close_eva,

    .close_harry,

    .close_jeff,

    .close_john,

    .close_ned,

    .close_sam,

    .close_stella,

    .close_sunny {

        width: 80% !important;

        margin-left: 10%;

        height: 440px !important

    }



    .close_sam {

        background-position: 50% 23% !important

    }



    .close_jeff {

        background-position: 50% 55% !important

    }



    .close_john {

        background-position: 50% 100% !important

    }



    .close_ned {

        background-position: 50% -540px !important

    }



    .close_eva {

        background-position: 50% -1555px !important

    }



    .close_sunny {

        background-position: 50% -540px !important

    }



    .close_alvin {

        background-position: 50% -1555px !important

    }



    .close_scralet {

        width: 80%;

        height: 440px !important;

        background-position: 50% -2560px !important

    }



    .close_harry {

        background-position: 50% -540px !important

    }



    .close_stella {

        background-position: 50% -1555px

    }



    .xx_inner {

        margin: auto !important;

        float: none !important;

        background: url(../images/330.png) no-repeat;

        background-size: 100%;

        min-width: 40%;

        width: 257px;

        height: 51px

    }



    .carousel-indicators {

        bottom: -10px !important

    }



    .web_img {

        margin: 0 !important

    }



    .top_blog_contant {

        font-size: 16px !important

    }



    .inner_blogs_headings {

        font-size: 24px !important;

        margin-right: 15px

    }



    .web_design ul {

        margin-left: -55px !important

    }



    .get-in-t textarea.form-control::placeholder {

        text-align: center

    }

}



@media only screen and (min-width:500px) and (max-width:767px) {

    .col-md-2.col-sm-4.cicle-box-container {

        width: 50%;

        float: left

    }



    .our-specialties {

        width: 25% !important

    }



    .border {

        border: none

    }

}



@media only screen and (min-width:600px) and (max-width:767px) {

    .your_needs ul {

        margin-left: 18%

    }



    footer .spacer-30.visible-xs.visible-sm {

        display: none !important

    }



    #my-video2,

    #my-video3 {

        position: absolute;

        top: 10%;

        left: 10% !important

    }



    .inner_testi_left {

        top: 120px

    }



    .inner_testi_right {

        top: 40px

    }



    .ko1 {

        width: 55% !important;

        height: auto;

        float: left

    }



    .ko2 {

        width: 45% !important;

        height: auto;

        float: left

    }



    .popup_list li {

        font-size: 18px !important;

        margin-top: 6px !important

    }

}



@media only screen and (min-width:630px) and (max-width:767px) {

    .xx_inner2 {

        margin-left: 29%

    }



    .close_sam {

        width: 100%;

        height: 500px !important;

        background-position: 50% 23% !important

    }



    .close_jeff {

        width: 100%;

        height: 440px !important;

        background-position: 50% 60% !important

    }



    .close_john {

        width: 100%;

        height: 440px !important;

        background-position: 50% 99% !important

    }



    .close_ned {

        width: 100%;

        height: 440px !important;

        background-position: 50% 36% !important

    }



    .close_eva {

        width: 100%;

        height: 440px !important;

        background-position: 50% 97% !important

    }



    .close_sunny {

        width: 100%;

        height: 500px !important;

        background-position: 50% 21% !important

    }



    .close_alvin {

        width: 100%;

        height: 440px !important;

        background-position: 50% 60.2% !important

    }



    .close_scralet {

        width: 80% !important;

        margin-left: 10%;

        height: 470px !important;

        background-position: 50% 98% !important

    }



    .close_harry {

        width: 100%;

        height: 440px !important;

        background-position: 50% 36.5% !important

    }



    .close_stella {

        width: 100%;

        height: 440px !important;

        background-position: 50% 98% !important;

        margin-bottom: 30px

    }



    .oppning {

        margin: 0 38% !important

    }



    #my-video {

        left: 32% !important

    }

}



@media only screen and (min-width:480px) and (max-width:767px) {

    .col-xs-4 {

        width: 47.333333%

    }



    #fac {

        width: 55px

    }



    #b {

        width: 55px

    }



    #linkdin {

        width: 55px

    }



    #instagram {

        width: 55px

    }



    #twiter {

        width: 55px

    }



    #social_foo {

        padding-left: 9% !important

    }

}



@media only screen and (min-width:490px) and (max-width:629px) {

    .xx_inner2 {

        margin-left: 22%

    }



    .oppning {

        margin: 0 35% !important

    }



    .close_sam {

        width: 100%;

        height: 340px !important;

        background-position: 50% 22.4% !important

    }



    .close_jeff {

        width: 100%;

        height: 340px !important;

        background-position: 50% 60.5% !important

    }



    .close_john {

        width: 100%;

        height: 340px !important;

        background-position: 50% 98.5% !important

    }



    .close_ned {

        width: 100%;

        height: 340px !important;

        background-position: 50% 36% !important

    }



    .close_eva {

        width: 100%;

        height: 340px !important;

        background-position: 50% 97.5% !important

    }



    .close_sunny {

        width: 100%;

        height: 340px !important;

        background-position: 50% 22% !important

    }



    .close_alvin {

        width: 100%;

        height: 340px !important;

        background-position: 50% 60.5% !important

    }



    .close_scralet {

        width: 80% !important;

        margin-left: 10%;

        height: 370px !important;

        background-position: 50% 98% !important

    }



    .close_harry {

        width: 100%;

        height: 340px !important;

        background-position: 50% 36% !important

    }



    .close_stella {

        width: 100%;

        height: 340px !important;

        background-position: 50% 97.3% !important;

        margin-bottom: 30px

    }



    #my-video {

        left: 24.2% !important

    }

}



@media only screen and (max-width:599px) {

    .ko1 {

        width: 100% !important;

        height: auto;

        float: left

    }



    .ko2 {

        width: 100% !important;

        height: auto;

        float: left

    }



    .popup_list {

        padding: 10px !important;

        margin: 0

    }



    .popup_list li {

        font-size: 18px !important;

        margin-top: 6px !important

    }

}



@media only screen and (min-width:400px) and (max-width:489px) {

    .xx_inner2 {

        margin-left: 13%

    }



    .oppning {

        margin: 0 25% !important

    }



    .close_sam {

        width: 100%;

        height: 280px !important;

        background-position: 50% 22% !important

    }



    .close_jeff {

        width: 100%;

        height: 280px !important;

        background-position: 50% 61% !important

    }



    .close_john {

        width: 100%;

        height: 280px !important;

        background-position: 50% 98.5% !important

    }



    .close_ned {

        width: 100%;

        height: 280px !important;

        background-position: 50% 36% !important

    }



    .close_eva {

        width: 100%;

        height: 280px !important;

        background-position: 50% 98% !important

    }



    .close_sunny {

        width: 100%;

        height: 280px !important;

        background-position: 50% 22% !important

    }



    .close_alvin {

        width: 100%;

        height: 280px !important;

        background-position: 50% 60% !important

    }



    .close_scralet {

        width: 80% !important;

        margin-left: 10%;

        height: 300px !important;

        background-position: 50% 98.6% !important

    }



    .close_harry {

        width: 100%;

        height: 280px !important;

        background-position: 50% 36% !important

    }



    .close_stella {

        width: 100%;

        height: 280px !important;

        background-position: 50% 98% !important;

        margin-bottom: 30px

    }



    #my-video {

        left: 18% !important

    }

}



@media only screen and (min-width:330px) and (max-width:399px) {

    .xx_inner2 {

        margin-left: 4%

    }



    .sub_back {

        width: 30% !important

    }



    .close_sam {

        width: 100% !important;

        margin-left: 0 !important;

        height: 275px !important;

        background-position: 50% 22% !important

    }



    .close_jeff {

        width: 100% !important;

        margin-left: 0 !important;

        height: 275px !important;

        background-position: 50% 60.5% !important

    }



    .close_john {

        width: 100% !important;

        margin-left: 0 !important;

        height: 275px !important;

        background-position: 50% 99% !important

    }



    .close_ned {

        width: 100% !important;

        margin-left: 0 !important;

        height: 275px !important;

        background-position: 50% 36% !important

    }



    .close_eva {

        width: 100% !important;

        margin-left: 0 !important;

        height: 275px !important;

        background-position: 50% 98% !important

    }



    .close_sunny {

        width: 100% !important;

        margin-left: 0 !important;

        height: 275px !important;

        background-position: 50% 22% !important

    }



    .close_alvin {

        width: 100% !important;

        margin-left: 0 !important;

        height: 275px !important;

        background-position: 50% 60% !important

    }



    .close_scralet {

        width: 100% !important;

        margin-left: 0 !important;

        height: 300px !important;

        background-position: 50% 98.5% !important

    }



    .close_harry {

        width: 100% !important;

        margin-left: 0 !important;

        height: 275px !important;

        background-position: 50% 36% !important

    }



    .close_stella {

        width: 100% !important;

        margin-left: 0 !important;

        height: 275px !important;

        background-position: 50% 98% !important;

        margin-bottom: 30px

    }



    #my-video {

        left: 13% !important

    }

}



@media only screen and (max-width:329px) {

    .xx_inner2 {

        margin-left: 1%

    }



    .sub_back {

        width: 43% !important

    }



    .close_sam {

        width: 100% !important;

        margin-left: 0 !important;

        height: 220px !important;

        background-position: 50% 22% !important

    }



    .close_jeff {

        width: 100% !important;

        margin-left: 0 !important;

        height: 220px !important;

        background-position: 50% 61% !important

    }



    .close_john {

        width: 100% !important;

        margin-left: 0 !important;

        height: 220px !important;

        background-position: 50% 99% !important

    }



    .close_ned {

        width: 100% !important;

        margin-left: 0 !important;

        height: 220px !important;

        background-position: 50% 36% !important

    }



    .close_eva {

        width: 100% !important;

        margin-left: 0 !important;

        height: 220px !important;

        background-position: 50% 97% !important

    }



    .close_sunny {

        width: 100% !important;

        margin-left: 0 !important;

        height: 220px !important;

        background-position: 50% 22% !important

    }



    .close_alvin {

        width: 100% !important;

        margin-left: 0 !important;

        height: 220px !important;

        background-position: 50% 60% !important

    }



    .close_scralet {

        width: 100% !important;

        margin-left: 0 !important;

        height: 230px !important;

        background-position: 50% 98% !important

    }



    .close_harry {

        width: 100% !important;

        margin-left: 0 !important;

        height: 220px !important;

        background-position: 50% 36% !important

    }



    .close_stella {

        width: 100% !important;

        margin-left: 0 !important;

        height: 220px !important;

        background-position: 50% 98% !important

    }



    .brs {

        left: -4px !important

    }



    .file_upload {

        font-size: 12px !important

    }



    #my-video {

        left: 6.8% !important

    }



    .popup_list {

        padding: 5px;

        margin: 0

    }



    .popup_list li {

        font-size: 16px !important;

        margin-top: 6px !important

    }

}



@media only screen and (min-width:480px) and (max-width:600px) {

    .your_needs ul {

        margin-left: 22%

    }



    #my-video2,

    #my-video3 {

        position: absolute;

        top: 10%;

        left: 7% !important

    }



    .inner_testi_left {

        top: 70px

    }



    .inner_testi_right {

        top: 40px

    }



    .arr {

        width: 6% !important

    }

}



@media (max-width:479px) {

    footer .col-xs-4 {

        width: 100%;

        margin-bottom: 20px

    }



    .your_needs ul {

        margin-left: 0;

        text-align: center

    }



    .main-footer .spacer-30.visible-xs.visible-sm {

        display: none !important

    }



    .main-footer .w32 {

        margin-bottom: 13px

    }



    .your_needs ul li a span img {

        display: none

    }

}



@media only screen and (min-width:360px) and (max-width:480px) {

    .captcha_box {

        left: 8% !important

    }



    .captcha_code {

        width: 120px !important

    }



    #my-video2,

    #my-video3 {

        position: absolute;

        top: 10%;

        left: -13% !important

    }



    .arr {

        width: 7% !important

    }



    .your_needs ul li a span img {

        display: none

    }



    .banner .carousel-inner>.item>a>img,

    .carousel-inner>.item>img {

        line-height: 1;

        height: 140px

    }



    .news .carousel-inner .item {

        min-height: 200px

    }

}



@media only screen and (min-width:341px) and (max-width:359px) {

    .captcha_box {

        left: 8% !important

    }



    .arr {

        width: 8% !important

    }



    .banner .carousel-inner>.item>a>img,

    .carousel-inner>.item>img {

        line-height: 1;

        height: 140px

    }

}



@media only screen and (max-width:340px) {



    .banner .carousel-inner>.item>a>img,

    .carousel-inner>.item>img {

        line-height: 1;

        height: 140px

    }



    .captcha_box {

        left: 9% !important

    }



    .captcha_code {

        width: 100px !important

    }



    #social_foo {

        padding-left: 10% !important

    }



    .xx_inner2 {

        width: 256px !important;

        background: url(../images/276msg.png) no-repeat;

        background-size: 100%

    }



    input.get-but {

        width: 30% !important

    }



    .arr {

        width: 10% !important

    }

}



@media only screen and (max-width:640px) and (min-width:561px) {

    .navbar-toggle {

        margin-right: 31% !important

    }

}



@media only screen and (max-width:560px) and (min-width:480px) {

    .navbar-toggle {

        margin-right: 28% !important

    }

}



@media only screen and (max-width:479px) and (min-width:440px) {

    .navbar-toggle {

        margin-right: 24% !important

    }

}



@media only screen and (max-width:439px) and (min-width:400px) {

    .navbar-toggle {

        margin-right: 22% !important

    }

}



@media only screen and (max-width:399px) and (min-width:360px) {

    .navbar-toggle {

        margin-right: 19% !important

    }

}



@media only screen and (max-width:359px) {

    .navbar-toggle {

        margin-right: 11% !important

    }



    .phone_nu {

        width: 62% !important

    }

}



.fc {

    display: none

}



@media only screen and (max-width:480px) {



    .blog_first,

    .blog_sec {

        display: none

    }



    .fc {

        display: block

    }



    .fc .first_carasol,

    .fc .second_carasol {

        top: 70px

    }



    .oppning {

        margin: 0 25% !important

    }



    #video_btn {

        display: none;

        top: 30px !important

    }



    .navbar-inverse .navbar-nav>li>a {

        line-height: 20px !important

    }



    .navbar-nav>li {

        width: 100% !important;

        height: 56px;

        float: left !important

    }



    .navbar-nav>li:hover {

        background: #ccc

    }



    .navbar-nav>li.menu5 {

        background-size: 100%;

        height: 60px

    }



    .navbar-nav>li.menu5:hover {

        background-size: 100%;

        height: 60px

    }



    #right {

        margin-top: 60px

    }



    #inner_bottom32 {

        margin-top: 2px

    }



    #inner_one3 {

        height: 60px

    }



    #parcent {

        font-size: 38px

    }



    #shirtImg img {

        width: 40px !important;

        margin-top: 15px

    }



    .get-in-t,

    .news {

        border: none;

        padding-left: 0

    }



    .footer-top p {

        font-size: 14px

    }



    .more1 {

        margin-left: 0 !important;

        padding: 0 15px

    }



    #fac {

        width: 21% !important;

        margin-left: 20% !important

    }



    #twiter {

        width: 22% !important;

        margin-left: 14% !important

    }



    #linkdin {

        margin-left: -4% !important

    }



    #instagram {

        width: 22%;

        margin-left: -10% !important;

        margin-top: 0 !important

    }



    #b {

        width: 23% !important;

        margin-left: 2% !important

    }



    section.inner_logosection {

        height: auto

    }



    .logos {

        margin-top: 5px

    }



    #my-img {

        margin-top: 5px !important

    }



    .back_im {

        background: #fff !important

    }



    .sub_back {

        background: url(../images/submit-button80.png) no-repeat;

        background-repeat: no-repeat;

        background-position: 50% 50%;

        width: 23%;

        border-radius: 45px;

        height: 80px;

        font-size: 17px;

        background-color: transparent;

        border: 0;

        color: #fff

    }



    .our-specialties {

        width: 50%;

        float: left

    }



    .skills {

        height: auto !important

    }



    .left_app .input_fields {

        width: 75% !important

    }



    .img_smal {

        width: 100% !important

    }

}



@media only screen and (min-width:320px) and (max-width:479px) {

    .form-group1 {

        width: 60% !important;

        margin-left: 0 !important

    }



    .form-group1 input {

        font-size: 12px

    }



    .btn_1 {

        width: 40%;

        float: left

    }



    .btn_1 .btn {

        padding: 10px 12px 6px;

        font-size: 12px

    }

}



@media only screen and (min-width:1400px) {

    #footer_base {

        width: 76% !important;

        height: 110px;

        margin-left: 12%;

        background: url(../images/footer-floral.png) no-repeat;

        margin-top: -110px

    }



    .large_screen_only {

        width: 100%;

        height: 250px;

        float: left

    }



    .mail_box {

        width: 288px !important;

        height: auto;

        position: absolute;

        right: 30% !important

    }



    .large_screen {

        margin-top: 15px !important

    }

}



@media only screen and (min-width:992px) and (max-width:1050px) {

    .back_gif {

        max-width: 125% !important;

        width: 125% !important

    }



    .div_width_increase {

        width: 45% !important;

        margin-left: 40% !important

    }



    label {

        margin-bottom: 0 !important

    }



    .mail_box {

        width: 196px !important;

        height: auto;

        position: absolute;

        right: 12% !important

    }

}



@media only screen and (min-width:1051px) and (max-width:1110px) {

    .back_gif {

        max-width: 120% !important;

        width: 120% !important

    }



    .div_width_increase {

        width: 40% !important;

        margin-left: 40% !important;

        top: -8px !important

    }



    label {

        margin-bottom: 0 !important

    }



    .mail_box {

        width: 196px !important;

        height: auto;

        position: absolute;

        right: 15% !important

    }

}



@media only screen and (min-width:1111px) and (max-width:1150px) {

    .back_gif {

        max-width: 112% !important;

        width: 112% !important

    }



    .div_width_increase {

        width: 38% !important;

        margin-left: 37% !important;

        top: -13px !important

    }



    label {

        margin-bottom: 0 !important

    }



    .mail_box {

        width: 196px !important;

        height: auto;

        position: absolute;

        right: 20% !important

    }

}



@media only screen and (min-width:1151px) and (max-width:1190px) {

    .back_gif {

        max-width: 112% !important;

        width: 112% !important

    }



    .div_width_increase {

        width: 38% !important;

        margin-left: 37% !important;

        top: 0 !important

    }



    label {

        margin-bottom: 0 !important

    }



    .mail_box {

        width: 202px !important;

        height: auto;

        position: absolute;

        right: 22% !important

    }

}



@media only screen and (min-width:1191px) and (max-width:1250px) {

    .back_gif {

        max-width: 105% !important;

        width: 105% !important

    }



    .div_width_increase {

        width: 38% !important;

        margin-left: 34% !important

    }



    label {

        margin-bottom: 0 !important

    }



    .mail_box {

        width: 200px !important;

        height: auto;

        position: absolute;

        right: 25% !important

    }

}



@media only screen and (min-width:1251px) and (max-width:1330px) {

    .div_width_increase {

        width: 34% !important;

        margin-left: 34% !important;

        top: -8px !important

    }



    label {

        margin-bottom: 0 !important

    }



    .mail_box {

        width: 200px !important;

        height: auto;

        position: absolute;

        right: 30% !important

    }

}



@media only screen and (min-width:1331px) and (max-width:1370px) {

    .div_width_increase {

        width: 36% !important;

        margin-left: 3%

    }



    .mail_box {

        width: 202px !important;

        height: auto;

        position: absolute;

        right: 30% !important

    }

}



@media only screen and (min-width:1371px) and (max-width:1400px) {

    .div_width_increase {

        width: 33% !important;

        margin-left: 1%;

        top: -8px !important

    }



    label {

        margin-bottom: 0 !important

    }



    .mail_box {

        width: 205px !important;

        height: auto;

        position: absolute;

        right: 30% !important

    }



    .large_screen {

        margin-top: 5px !important

    }

}



@media only screen and (min-width:1401px) and (max-width:1470px) {

    .mail_box {

        width: 217px !important;

        height: auto;

        position: absolute;

        right: 30% !important

    }



    .large_screen {

        margin-top: 5px !important

    }



    .div_width_increase {

        width: 34% !important;

        margin-left: 3%;

        top: -14px !important

    }

}



@media only screen and (min-width:1471px) and (max-width:1520px) {

    .mail_box {

        width: 225px !important;

        height: auto;

        position: absolute;

        right: 30% !important

    }



    .div_width_increase {

        top: -14px !important

    }



    .large_screen {

        margin-top: 7px !important

    }

}



@media only screen and (min-width:1521px) and (max-width:1640px) {

    .large_screen {

        margin-top: 7px !important

    }



    .mail_box {

        width: 238px !important;

        height: auto;

        position: absolute;

        right: 30% !important

    }



    .div_width_increase {

        top: -14px !important

    }

}



@media only screen and (min-width:1641px) and (max-width:1780px) {

    .div_width_increase {

        width: 36% !important;

        margin-left: 8%

    }



    .mail_box {

        width: 250px !important;

        height: auto;

        position: absolute;

        right: 30% !important

    }



    .large_screen {

        margin-top: 10px !important

    }

}



@media only screen and (min-width:1781px) and (max-width:1880px) {

    .div_width_increase {

        width: 36% !important;

        margin-left: 4.5%

    }

}



@media only screen and (min-width:1881px) {

    .div_width_increase {

        width: 36% !important;

        margin-left: 3%

    }

}



.skyp-contact {

    float: left;

    padding-top: 14px

}



.sk-mo {

    width: 77%;

    float: right

}



@media(min-width:768px) {

    .phone_nu {

        display: none

    }

}



@media(max-width:768px) {

    .captcha_home {

        text-align: center !important

    }



    .captcha_code {

        width: 140px

    }



    .captcha_box {

        left: 6% !important

    }

}



.banner {

    position: relative

}



#video_btn {

    width: 55px;

    height: 41px;

    position: absolute;

    background: url(../images/video_play.png) no-repeat;

    right: 14%;

    top: 239px;

    border-radius: 5px;

    cursor: pointer

}



.bs-example {

    margin: 20px

}



.modal-content iframe {

    margin: 0 auto;

    display: block

}



.xx {

    width: 1120px !important;

    margin-left: -30% !important;

    margin-top: -30px;

    -webkit-box-shadow: none !important;

    background: 0 0;

    box-shadow: none !important;

    border: none

}



.yy {

    border: none !important;

    min-height: 55px

}



.close2 {

    float: right !important;

    margin-bottom: 0;

    margin-top: 10px;

    margin-right: 75px

}



.close2:focus,

.close2:hover {

    color: #000;

    text-decoration: none;

    cursor: pointer;

    opacity: 1

}



.carousel_inner_header>.item>a>img,

.carousel_inner_header>.item>img {

    width: 100%;

    margin: auto

}



.top_Carousel {

    padding-right: 0 !important;

    padding-left: 0 !important

}



#video_img_top {

    width: 430px;

    height: 311px;

    float: right;

    background: url(../images/main_videoImage.png) no-repeat;

    position: absolute;

    right: 3%;

    top: 91px

}



.contact_banner {

    margin-top: 30px

}



.back_im {

    position: relative

}



.form_top {

    margin-top: 34%

}



.spacer-300 {

    width: 100%;

    float: left;

    height: 300px

}



.color {

    background: #1dc2f2;

    border: 1px solid #1dc2f2;

    border-radius: 0;

    box-shadow: none;

    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s

}



.color:active {

    box-shadow: none

}



.label_C {

    color: #1dc2f2;

    font-size: 16px

}



.sub_back3 {

    background: url(../images/submit-button80.png) no-repeat;

    background-position: 50% 0;

    width: 21%;

    border-radius: 45px;

    height: 80px;

    font-size: 17px;

    background-color: transparent;

    border: 0;

    color: #fff

}



.sub_back3:hover {

    background: url(../images/submit-button80.png) no-repeat;

    background-position: 50% -84px;

    width: 21%;

    border-radius: 45px;

    height: 80px;

    font-size: 17px;

    background-color: transparent;

    border: 0;

    color: #fff

}



.mail_box {

    width: 200px;

    height: 145px;

    position: absolute;

    right: 31.8%

}



.spacer-5 {

    width: 100%;

    height: 5px;

    float: left

}



.spacer-10 {

    width: 100%;

    height: 10px;

    float: left

}



.spacer-20 {

    width: 100%;

    height: 20px;

    float: left

}



.spacer-25 {

    width: 100%;

    height: 25px;

    float: left

}



.spacer-30 {

    width: 100%;

    height: 30px;

    float: left

}



.spacer-40 {

    width: 100%;

    height: 40px;

    float: left

}



.spacer-50 {

    width: 100%;

    height: 50px;

    float: left

}



.spacer-60 {

    width: 100%;

    height: 60px;

    float: left

}



.spacer-70 {

    width: 100%;

    height: 70px;

    float: left

}



.spacer-80 {

    width: 100%;

    height: 80px;

    float: left

}



.spacer-90 {

    width: 100%;

    height: 90px;

    float: left

}



.spacer-100 {

    width: 100%;

    height: 100px;

    float: left

}



.spacer-200 {

    width: 100%;

    height: 200px;

    float: left

}



.get_background {

    background: url(../images/get_started_bg.jpg) no-repeat;

    background-size: cover

}



.get_background h4 {

    font-weight: 700

}



.form_in {

    width: 100% !important;

    height: 34px;

    padding-left: 2px

}



.form_in2 {

    width: 100% !important;

    padding-left: 2px

}



.inner_requirement {

    width: 100%;

    line-height: 40px;

    float: left;

    text-align: center;

    color: #000;

    padding-left: 2px

}



.kkk {

    padding-left: 0 !important

}



#on {

    color: #00f

}



.send_btn {

    border: 1px solid #000;

    padding: 8px 30px;

    float: right;

    color: #000;

    font-size: 18px;

    background: #fff

}



.send_btn:hover {

    background: #1dc2f2;

    transition: .2s ease-out;

    color: #fff

}



.left_checkbox_details {

    width: 27%;

    background: #fff;

    height: 40px;

    float: left;

    padding-left: 3px;

    background: #1dc2f2

}



.right_check_details {

    width: 73%;

    background: #fff;

    height: 40px;

    float: left;

    background: #1dc2f2

}



.checkbox_title {

    color: #fff

}



.wrapper {

    height: 40px

}



.wrapper .checkbox,

.wrapper [class*=" checkbox"] {

    width: 34px;

    display: inline-block

}



.wrapper .checkbox>input,

.wrapper [class*=" checkbox"]>input {

    display: none

}



.wrapper .checkbox>input:checked+label,

.wrapper [class*=" checkbox"]>input:checked+label {

    background: #fff

}



.wrapper .checkbox>input:checked+label::before,

.wrapper [class*=" checkbox"]>input:checked+label::before {

    transform: rotate(-45deg) translatex(-4px) translatey(15px);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.wrapper .checkbox>input:checked+label::after,

.wrapper [class*=" checkbox"]>input:checked+label::after {

    transform: rotate(45deg) translatex(-4px) translatey(11px);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.wrapper .checkbox>label,

.wrapper [class*=" checkbox"]>label {

    position: relative;

    display: block;

    width: 27px;

    height: 27px;

    border: 2px solid #fff;

    overflow: hidden;

    transition: transform .5s ease-in-out, background .125s ease-in-out;

    text-align: left;

    user-select: none

}



.wrapper .checkbox>label:hover,

.wrapper [class*=" checkbox"]>label:hover {

    background: rgba(255, 255, 255, .25);

    cursor: pointer

}



.wrapper .checkbox>label::after,

.wrapper .checkbox>label::before,

.wrapper [class*=" checkbox"]>label::after,

.wrapper [class*=" checkbox"]>label::before {

    content: '';

    position: absolute;

    border-left: 3px solid #59caff;

    transition: all .25s ease-in-out;

    transform-origin: center center;

    width: 0;

    border-radius: 3px

}



.wrapper .checkbox>label::before,

.wrapper [class*=" checkbox"]>label::before {

    transform: rotate(-30deg) translatex(0) translatey(-10px);

    height: 12px;

    top: -4px;

    left: -4px

}



.wrapper .checkbox>label::after,

.wrapper [class*=" checkbox"]>label::after {

    transform: rotate(30deg) translatex(0) translatey(-20px);

    height: 22px;

    right: 0;

    top: -4px;

    left: 24px

}



.work_main {

    margin-top: 21px

}



.approach {

    background: #fff;

    margin-top: 21px

}



.approach p {

    font-size: 15px

}



.design_brief {

    background: url(../images/line_images.png) no-repeat;

    padding-bottom: 90px

}



.build_design {

    padding-top: 50px;

    padding-left: 30px

}



.build_design h3,

.chose_design h3,

.chose_design2 h3,

.exclusive_design h3,

.feedback h3,

.research h3 {

    font-weight: 700

}



.build_design p,

.exclusive_design p,

.feedback p,

.research p {

    margin-top: 50px;

    font-weight: 700

}



.research_main {

    margin-top: -38px

}



.exclusive_design {

    margin-top: -65px;

    display: block

}



.exclusive_design2 {

    margin-top: -105px !important;

    display: block

}



.technologies {

    background: url(../images/lineimg2.png) no-repeat;

    background-size: cover;

    padding-top: 90px

}



.chose_design p,

.chose_design2 p {

    margin-top: 60px;

    font-weight: 700

}



.client {

    margin-top: -50px

}



.feedback {

    background: url(../images/lineimg3.png) no-repeat;

    background-size: cover;

    margin-top: -50px;

    padding-top: 130px;

    padding-bottom: 70px

}



.bbk2 {

    background: url(images/line_images.png) no-repeat;

    padding-bottom: 90px

}



.produce_Design {

    margin-top: -70px

}



.chose_design2 {

    margin-right: 50px;

    margin-top: -60px

}



.website-design-sec {

    background: #fff;

    font-family: Quicksand, sans-serif;

    padding-top: 30px

}



.website-design-sec p {

    margin: 15px 0 15px;

    font-size: 16px

}



.web-sec-heading {

    font-weight: 600

}



.web-sec-images {

    padding: 15px 0 0

}



.web-sec-list li {

    list-style-image: url(../images/color-arrow.png);

    font-size: 16px;

    line-height: 25px

}



.web-sec-subHeading {

    font-weight: 600

}



.share-req-btn {

    background: url(../images/req-button.png) no-repeat;

    height: 50px;

    width: 275px;

    margin: 50px auto;

    background-position: 0 0

}



.share-req-btn:hover {

    background-position: 0 -58px

}



.categories {

    background: #fff

}



.categories p {

    font-size: 16px;

    margin-top: 20px

}



.categories h2 {

    font-weight: 700

}



.logodesign {

    background: #e1e1e1

}



.web_design h3 {

    font-weight: 700 !important

}



.categories ul {

    list-style: none;

    margin-left: -55px

}



.web_design ul {

    margin-left: -35px

}



.categories ul li {

    margin-top: 20px;

    font-size: 17px;

    color: #000

}



.categories ul li a {

    color: #000;

    font-size: 17px;

    padding-bottom: 2px;

    -webkit-transition: border-color .15s ease-out;

    -moz-transition: border-color .15s ease-out;

    -ms-transition: border-color .15s ease-out;

    -o-transition: border-color .15s ease-out;

    transition: border-color .15s ease-out;

    border-bottom: solid 2px rgba(153, 153, 153, 0)

}



.categories ul li a:hover {

    border-bottom: 2px solid #999

}



.categories ul li a:hover .categories_arrow {

    margin-left: 4px

}



.categories_arrow {

    font-family: Poplar Std

}



.web_img {

    margin-top: -50px

}



.top_blog_contant {

    font-size: 18px

}



section.work_main.blog_wrok {

    background-color: #fff;

    margin-top: -15px;

    padding-bottom: 50px

}



.blog_back img.hidden-xs {

    box-shadow: 0 45px 22px -42px #dfdfdf

}



.comeTop {

    margin-top: -100px

}



.blog_contant {

    width: 78%;

    padding-top: 0;

    height: 160px;

    float: left;

    position: absolute;

    top: 160px;

    padding-left: 50px;

    padding-right: 20px

}



.read {

    background: url(../images/read_back.png) no-repeat;

    width: 200px;

    height: 50px;

    float: right;

    text-align: center;

    padding-top: 12px

}



.read a {

    color: #fff;

    font-size: 18px;

    text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000

}



.read a:hover {

    color: #fff;

    font-size: 19px

}



.blog_upper {

    font-size: 25px;

    margin-right: 40px;

    position: relative

}



.blog_upper2 {

    font-size: 25px;

    margin-left: 40px

}



.le {

    margin-left: 14%;

    width: 76%

}



.blog_contant p {

    font-size: 19px

}



.read2 {

    margin-right: 12.5%

}



.blog_first {

    top: 70px !important;

    left: -30px !important;

    width: 50px;

    height: 35px;

    background: url(../images/blog_lefticon.png) no-repeat;

    float: left;

    position: absolute;

    text-align: center;

    cursor: pointer;

    background-size: cover

}



.blog_sec {

    top: 70px !important;

    right: -20px !important;

    width: 50px;

    height: 35px;

    background: url(../images/blog_righticon.png) no-repeat;

    float: right;

    position: absolute;

    text-align: center;

    cursor: pointer

}



.blog_first:hover {

    background: url(../images/blog_lefticon_hover.png) no-repeat !important

}



.blog_sec:hover {

    background: url(../images/blog_righticon_hover.png) no-repeat !important

}



.blog_slider_icon a {

    color: #8c8b8a;

    font-size: 15px

}



.blog_slider_icon a:hover {

    color: #000

}



.icon_blog1,

.icon_blog2,

.icon_blog3,

.icon_blog4,

.icon_blog5,

.icon_blog6 {

    width: 60px;

    height: 56px;

    margin: auto

}



.icon_blog1 {

    background: url(../images/blog_branding.png) no-repeat

}



.icon_blog2 {

    background: url(../images/blog_business.png) no-repeat

}



.icon_blog3 {

    background: url(../images/blog_designtrends.png) no-repeat

}



.icon_blog4 {

    background: url(../images/design-tips.png) no-repeat

}



.icon_blog5 {

    background: url(../images/Internet-Marketing.png) no-repeat

}



.icon_blog6 {

    background: url(../images/Technology.png) no-repeat

}



.blog_slider_icon a:hover .icon_blog1 {

    background: url(../images/branding-black.png) no-repeat

}



.blog_slider_icon a:hover .icon_blog2 {

    background: url(../images/businessicon-black.png) no-repeat

}



.blog_slider_icon a:hover .icon_blog3 {

    background: url(../images/designtrends-black.png) no-repeat

}



.blog_slider_icon a:hover .icon_blog4 {

    background: url(../images/design-tips-black.png) no-repeat

}



.blog_slider_icon a:hover .icon_blog5 {

    background: url(../images/Internet-Marketing-black.png) no-repeat

}



.blog_slider_icon a:hover .icon_blog6 {

    background: url(../images/Technology-black.png) no-repeat

}



.base {

    background: url(../images/blog_slider_baseline.png) no-repeat;

    height: 50px;

    width: 58%;

    margin: auto

}



.blog_slider_icon a:hover+.base {

    background: url(../images/blog_slider_baseline_hover.png) no-repeat

}



.inner_blog_heading {

    font-weight: 700

}



@-webkit-keyframes hvr-wobble-vertical {

    16.65% {

        -webkit-transform: translateY(8px);

        transform: translateY(8px)

    }



    33.3% {

        -webkit-transform: translateY(-6px);

        transform: translateY(-6px)

    }



    49.95% {

        -webkit-transform: translateY(4px);

        transform: translateY(4px)

    }



    66.6% {

        -webkit-transform: translateY(-2px);

        transform: translateY(-2px)

    }



    83.25% {

        -webkit-transform: translateY(1px);

        transform: translateY(1px)

    }



    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



@keyframes hvr-wobble-vertical {

    16.65% {

        -webkit-transform: translateY(8px);

        transform: translateY(8px)

    }



    33.3% {

        -webkit-transform: translateY(-6px);

        transform: translateY(-6px)

    }



    49.95% {

        -webkit-transform: translateY(4px);

        transform: translateY(4px)

    }



    66.6% {

        -webkit-transform: translateY(-2px);

        transform: translateY(-2px)

    }



    83.25% {

        -webkit-transform: translateY(1px);

        transform: translateY(1px)

    }



    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

}



.hvr-wobble-vertical {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    box-shadow: 0 0 1px transparent;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale

}



.hvr-wobble-vertical:active,

.hvr-wobble-vertical:focus,

.hvr-wobble-vertical:hover {

    -webkit-animation-name: hvr-wobble-vertical;

    animation-name: hvr-wobble-vertical;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1

}



section.work_main.branding_blog_wrok {

    margin-top: -15px

}



.blog_help,

.branding_blog_contant h4 {

    color: #00a9ea

}



.blog_view {

    color: #807d7d !important

}



.branding_blog_contant p,

.pp a {

    font-size: 16px;

    color: #000

}



.branding_blog_wrok {

    background-color: #fff

}



.branding_blog_wrok h2 {

    margin-left: 15px

}



.inner_blogs_headings {

    color: #000;

    font-size: 30px

}



.branding_blog_contant ul {

    list-style: square;

    margin-left: 17px;

    padding: 0

}



.branding_blog_contant h5 {

    font-weight: 700;

    font-size: 18px;

    color: #000

}



.posts {

    width: 100%;

    line-height: 40px;

    margin: auto;

    background: #00a9ea;

    color: #fff

}



.pp ul {

    margin: 0;

    padding: 0;

    list-style: none

}



.branding_blog_wrok ul li {

    font-size: 16px;

    color: #000

}



.pp a:hover {

    color: #00a9ea

}



.pp li {

    margin-top: 10px

}



.arr2 {

    width: 10%;

    height: auto;

    float: left

}



.plus {

    float: right;

    margin-right: 10%;

    font-size: 20px

}



.blog_numb {

    width: 100%;

    margin: auto;

    height: 100px;

    text-align: left;

    margin-top: 10px

}



.blog_numb p {

    border: none;

    font-size: 16px

}



.div_width_increase {

    background: 0 0 !important;

    margin-left: 33%;

    position: absolute;

    top: -20px

}



.box_height {

    height: 30px !important

}



.people_main {

    background: #dedede;

    margin-top: 21px

}



.imge_boxs {

    width: 100%;

    height: auto;

    float: left;

    position: relative

}



.open_box_img {

    width: 35%;

    height: 245px;

    float: left;

    background: #999;

    position: absolute;

    cursor: pointer;

    opacity: .5;

    top: 73px;

    left: -3px

}



.people_box {

    width: 100%;

    height: 400px;

    margin: auto;

    padding-top: 75px;

    background: url(../images/smbak.jpg) no-repeat;

    background-size: cover

}



.window_box {

    width: 70%;

    margin: auto;

    height: 450px;

    cursor: pointer;

    background: url(../images/smbak2.png) no-repeat

}



#window_box:hover {

    background-image: url(../images/smbak3.png)

}



.card {

    width: 100%;

    height: 295px;

    position: relative;

    display: inline-block

}



.card .img-top {

    display: none;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 99;

    opacity: .4

}



.sec_Card:hover .img-top {

    display: inline

}



.sec_Card {

    width: 52%;

    height: 80%;

    left: 24%;

    position: absolute;

    top: 10%;

    cursor: pointer;

    border-radius: 70px 70px 0 0

}



.sec_Card:hover {

    width: 550px;

    top: 1px;

    height: 300px;

    left: 2px

}



.close_sam {

    background: url(../images/spiritN-1.png) no-repeat;

    background-position: 50% -5px

}



.close_jeff {

    background: url(../images/spiritN-1.png) no-repeat;

    background-position: 50% -785px

}



.close_john {

    background: url(../images/spiritN-1.png) no-repeat;

    background-position: 50% -1580px

}



.close_ned {

    background: url(../images/spiritN-3.png) no-repeat;

    background-position: 50% -5px

}



.close_eva {

    background: url(../images/spiritN-3.png) no-repeat;

    background-position: 50% -790px

}



.close_sunny {

    background: url(../images/spiritN-2.png) no-repeat;

    background-position: 50% -5px

}



.close_alvin {

    background: url(../images/spiritN-2.png) no-repeat;

    background-position: 50% -785px

}



.close_scralet {

    background: url(../images/spiritN-2.png) no-repeat;

    background-position: 50% -1580px

}



.close_harry {

    background: url(../images/spiritN-4.png) no-repeat;

    background-position: 50% -5px

}



.close_stella {

    background: url(../images/spiritN-4.png) no-repeat;

    background-position: 50% -785px

}



.modal-title {

    font-weight: 700

}



.skills {

    width: 100%;

    height: 400px;

    float: left;

    overflow: hidden

}



.inner_skills,

.inner_skills2,

.inner_skills3 {

    width: 83%;

    height: 315px;

    margin: auto;

    padding-top: 40px;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -ms-border-radius: 50%;

    -moz-border-radius: 50%;

    -o-border-radius: 50%;

    position: relative

}



.graphic_design h4,

.inner_skills h4,

.inner_skills2 h4,

.inner_skills3 h4,

.why h4 {

    font-weight: 700

}



.inner_skills p,

.inner_skills2 p,

.inner_skills3 p {

    width: 90%;

    margin: auto;

    height: auto

}



.image_over {

    width: 100%;

    height: 300px;

    margin: auto;

    background: url(../images/skills.png) no-repeat;

    background-size: 100%;

    position: absolute;

    top: 0;

    transition: top 1s

}



.image_over2 {

    width: 100%;

    height: 300px;

    margin: auto;

    background: url(../images/team.png) no-repeat;

    background-size: 100%;

    position: absolute;

    top: 0;

    transition: top 1s

}



.image_over3 {

    width: 100%;

    height: 300px;

    margin: auto;

    background: url(../images/challenge.png) no-repeat;

    background-size: 100%;

    position: absolute;

    top: 0;

    transition: top 1s

}



.inner_skills:hover .image_over {

    top: 500px;

    transition: all ease 1s

}



.inner_skills2:hover .image_over2 {

    top: 500px;

    transition: all ease 1s

}



.inner_skills3:hover .image_over3 {

    top: 500px;

    transition: all ease 1s

}



.services_bg {

    background: url(../images/services_img_bg.png) no-repeat;

    background-size: cover

}



.services_bg p {

    color: #fff

}



.oppning {

    padding-left: 0;

    padding-right: 0

}



.oppning p {

    color: #fff;

    font-size: 16px;

    margin: 10px 14px

}



.graphic_design h4 {

    margin-top: 2px;

    margin-left: 19px

}



.graphic_heading {

    border-bottom: dotted #000

}



.graphic_design ul {

    margin-left: -12px;

    list-style: none;

    margin: 0;

    padding: 0

}



.graphic_design ul li {

    margin-top: 10px;

    padding-top: 0

}



.arr {

    width: 4%;

    height: auto;

    float: left

}



.oop {

    font-size: 18px

}



.apply_wall {

    background: url(../images/background-wall.jpg) no-repeat;

    text-align: center;

    margin-top: 21px

}



.post {

    background: url(../images/post-bg.png) no-repeat;

    background-size: cover;

    margin: 6%

}



.left_app label {

    float: left

}



.left_app .input_fields {

    width: 81%;

    background: 0 0;

    border: 1px solid #000;

    height: 35px;

    padding-left: 4px

}



.left_app textarea {

    width: 84%;

    float: right;

    background: 0 0;

    border: 1px solid #000;

    border-radius: 0 !important;

    padding-left: 4px

}



input[type=file] {

    display: inline !important

}



.file {

    visibility: hidden;

    position: absolute

}



.file_upload {

    margin-right: -5px;

    background: 0 0 !important;

    border: 1px solid #000

}



.brs {

    left: -8px

}



.brs1 {

    background: #1dc2f2;

    color: #000

}



.to {

    font-weight: 700;

    font-size: 21px

}



.p_add {

    color: #1dc2f2;

    border-bottom: 1px solid #000;

    font-size: 17px

}



.letter_add {

    margin-left: 15px

}



.send_btn2 {

    float: left;

    padding: 4px 16px;

    margin-top: 17px;

    font-size: 16px;

    border: 1px solid #000;

    color: #000

}



.send_btn2:hover {

    background: #1dc2f2;

    transition: .2s ease-out;

    color: #fff

}



.testi_banner {

    background: #1dc2f2;

    margin-top: 21px;

    position: relative

}



.test_in {

    background: url(../images/bubbles.png) repeat

}



.testi_head_content {

    width: 100%;

    height: 350px;

    float: left

}



.testi_box {

    width: 42%;

    margin: auto;

    height: 350px;

    margin: auto;

    text-align: center

}



.pppp {

    width: 100%;

    height: 300px;

    float: left

}



.testi_left {

    width: 50%;

    height: 350px;

    float: left

}



.testi_right {

    width: 50%;

    height: 350px;

    float: left

}



.inner_testi_left {

    width: 65.8%;

    float: right;

    margin-right: 5%;

    height: 335px;

    background: url(../images/border-testipage.png) no-repeat;

    background-size: 100%;

    text-align: center;

    position: relative

}



.inner_testi_right {

    width: 65.8%;

    float: left;

    margin-left: 5%;

    height: 335px;

    background: url(../images/border-testipage.png) no-repeat;

    background-size: 100%;

    text-align: center;

    position: relative

}



.testi_name {

    width: 100%;

    height: 40px;

    margin: auto;

    color: #fff;

    bottom: 0;

    position: absolute;

    font-size: 18px

}



#my-video2,

#my-video3 {

    position: absolute;

    top: 6%;

    left: 5.5%

}



.inner_testi_left h4,

.inner_testi_right h4 {

    bottom: -270px;

    position: relative;

    text-align: center;

    color: #fff

}



.floating_box1 {

    width: 150px;

    height: 35px;

    position: absolute;

    top: 120px;

    left: 15%

}



.floating_box2 {

    width: 150px;

    height: 30px;

    position: absolute;

    top: 50px;

    left: 30%

}



.floating_box3 {

    width: 150px;

    height: 33px;

    position: absolute;

    top: 60px;

    right: 20%

}



.floating_box4 {

    width: 150px;

    height: 220px;

    position: absolute;

    bottom: 0;

    left: 3%

}



.floating_box5 {

    width: 120px;

    height: 160px;

    position: absolute;

    bottom: 0;

    right: 3%

}



.inner_logosection .mm1 {

    margin-bottom: 10px

}



#thumbs2 div.inner,

#thumbs3 div.inner {

    padding: 0 !important

}



.vjs-poster {

    background-color: #fff !important

}



.pkk {

    float: right

}



.statcounter {

    display: none !important

}



.popup_list li {

    color: #fff;

    font-size: 24px;

    margin-top: 13px

}



.popup_list li:before {

    content: "\f1db";

    font-family: FontAwesome;

    color: #000;

    margin-right: 8px;

    font-size: 14px;

    line-height: 2px

}



.io {

    margin-top: 20px !important

}



.jk {

    width: 100%;

    height: auto;

    float: left;

    margin-left: 0 !important

}



.ko1 {

    width: 40%;

    height: auto;

    float: left

}



.ko2 {

    width: 60%;

    height: auto;

    float: left

}



@media only screen and (max-width:1024px) and (min-width:992px) {

    .design_brief {

        background: url(../images/1st-line.png) no-repeat

    }



    .technologies {

        background: url(../images/2nd-line.png) no-repeat;

        background-size: contain;

        padding-top: 120px

    }



    .feedback {

        background: url(../images/3rd-line.png) no-repeat

    }



    .blog_upper,

    .blog_upper2 {

        font-size: 20px

    }

}



@media only screen and (max-width:991px) and (min-width:768px) {

    .captcha_code {

        width: 150px

    }



    .ko1 {

        width: 45%;

        height: auto;

        float: left

    }



    .ko2 {

        width: 55%;

        height: auto;

        float: left

    }



    .popup_list li {

        font-size: 22px

    }



    section.work_main.blog_wrok .col-md-2.text-center {

        width: 20%;

        float: left

    }



    .blog_upper,

    .blog_upper2 {

        font-size: 17px

    }



    #footer_base {

        margin-top: -1px;

        background-color: #141414

    }

}



@media only screen and (max-width:767px) and (min-width:580px) {

    .ko1 {

        width: 55%;

        height: auto;

        float: left

    }



    .ko2 {

        width: 45%;

        height: auto;

        float: left

    }



    .popup_list li {

        font-size: 18px;

        margin-top: 6px

    }



    .blog_upper,

    .blog_upper2 {

        font-size: 20px

    }

}



@media only screen and (max-width:579px) {

    .ko1 {

        width: 100%;

        height: auto;

        float: left

    }



    .ko2 {

        width: 100%;

        height: auto;

        float: left

    }



    .popup_list {

        padding: 10px;

        margin: 0

    }



    .popup_list li {

        font-size: 18px;

        margin-top: 6px

    }



    .blog_upper,

    .blog_upper2 {

        font-size: 20px

    }

}



@media only screen and (max-width:330px) {

    .popup_list {

        padding: 5px;

        margin: 0

    }



    .popup_list li {

        font-size: 16px;

        margin-top: 6px

    }

}



.overlay {

    display: none

}



.popup_list {

    width: 100%;

    list-style: none;

    margin-top: 30px;

    font-family: 'Life Savers', cursive

}



.popup_list li {

    color: #fff;

    font-size: 24px;

    margin-top: 18px

}



.popup_list li:before {

    content: "\f1db";

    font-family: FontAwesome;

    color: #000;

    margin-right: 8px;

    font-size: 14px;

    line-height: 2px

}



.thankyou h1 {

    font-size: 90px;

    margin-top: 50px;

    color: #000

}



.hp {

    font-size: 21px

}



.hp2 {

    color: #00c0f2

}



.branding_blog_contant h4,

.ji {

    color: #000;

    font-weight: 700

}



.price_showing {

    width: 100%;

    height: 200px;

    float: left;

    background: url(../images/price_tag.png) no-repeat;

    background-size: contain;

    text-align: center;

    padding: 36px 32px 0 98px

}



.starts {

    background: rgba(0, 51, 153, .7);

    padding: 10px 20px;

    color: #fff;

    width: 30%;

    margin: auto

}



.calc {

    width: 90%;

    margin: auto;

    height: auto

}



.calc h2 {

    font-size: 45px

}



.calc h3 {

    font-size: 31px

}



.est {

    display: block

}



.est_value {

    font-size: 24px;

    font-weight: 700;

    text-align: center

}



.responsive_priceing {

    width: 100%;

    height: auto;

    float: left;

    padding: 45px 0;

    border-top: solid 1px #ccc

}



.rs1 {

    width: 22%;

    height: auto;

    float: left

}



.rs2 {

    width: 63%;

    height: auto;

    float: left

}



.rs3 {

    width: 15%;

    height: auto;

    float: left

}



.responsive_btn {

    background: #1dc2f2 !important;

    padding: 8px 14px !important;

    margin-top: 20px;

    color: #fff !important;

    border-radius: 5px;

    border: 1px solid #ccc

}



.icons {

    margin: 13px 0

}



.span_left {

    margin-left: 10px;

    font-size: 17px

}



.cost_description {

    background: rgba(102, 102, 102, .1);

    padding: 20px

}



.spacee {

    width: 10%;

    height: 5px;

    background: #ccc

}



.cost_description h2 {

    font-size: 40px

}



.aa22 {

    width: 7% !important

}



.price label {

    color: #1dc2f2 !important

}



.mb2 {

    background: url(../images/priceing-portfoliol_btn.png) no-repeat;

    height: 40px;

    width: 200px;

    margin: auto;

    background-position: 50% 0;

    margin-top: 50px

}



.mb2:hover {

    background-position: 50% -45px

}



#Bc001 {

    background: url(../images/card-credit-score-master.png) no-repeat

}



#Bc001:hover {

    background: url(../images/card-credit-score-master-hover.png) no-repeat

}



.logo_magnifier:hover+#Bc001 {

    background: url(../images/card-credit-score-master-hover.png) no-repeat

}



#Bc002 {

    background: url(../images/card-d&b.png) no-repeat

}



#Bc002:hover {

    background: url(../images/card-d&b-hover.png) no-repeat

}



.logo_magnifier:hover+#Bc002 {

    background: url(../images/card-d&b-hover.png) no-repeat

}



#Bc003 {

    background: url(../images/card-decilz.png) no-repeat

}



#Bc003:hover {

    background: url(../images/card-decilz-hover.png) no-repeat

}



.logo_magnifier:hover+#Bc003 {

    background: url(../images/card-decilz-hover.png) no-repeat

}



#Bc004 {

    background: url(../images/card-dig-bulls.png) no-repeat

}



#Bc004:hover {

    background: url(../images/card-dig-bulls-hover.png) no-repeat

}



.logo_magnifier:hover+#Bc004 {

    background: url(../images/card-dig-bulls-hover.png) no-repeat

}



#Bc005 {

    background: url(../images/card-mark-rist.png) no-repeat

}



#Bc005:hover {

    background: url(../images/card-mark-rist-hover.png) no-repeat

}



.logo_magnifier:hover+#Bc005 {

    background: url(../images/card-mark-rist-hover.png) no-repeat

}



#Bc006 {

    background: url(../images/card-national-deals.png) no-repeat

}



#Bc006:hover {

    background: url(../images/card-national-deals-hover.png) no-repeat

}



.logo_magnifier:hover+#Bc006 {

    background: url(../images/card-national-deals-hover.png) no-repeat

}



#Bc007 {

    background: url(../images/card-pm-imaging.png) no-repeat

}



#Bc007:hover {

    background: url(../images/card-pm-imaging-hover.png) no-repeat

}



.logo_magnifier:hover+#Bc007 {

    background: url(../images/card-pm-imaging-hover.png) no-repeat

}



#Bc008 {

    background: url(../images/card-purrfect-pup.png) no-repeat

}



#Bc008:hover {

    background: url(../images/card-purrfect-pup-hover.png) no-repeat

}



.logo_magnifier:hover+#Bc008 {

    background: url(../images/card-purrfect-pup-hover.png) no-repeat

}



#Bc009 {

    background: url(../images/card-sr.png) no-repeat

}



#Bc009:hover {

    background: url(../images/card-sr-hover.png) no-repeat

}



.logo_magnifier:hover+#Bc009 {

    background: url(../images/card-sr-hover.png) no-repeat

}



#Bc010 {

    background: url(../images/luciano-card.png) no-repeat

}



#Bc010:hover {

    background: url(../images/luciano-hover-card.png) no-repeat

}



.logo_magnifier:hover+#Bc010 {

    background: url(../images/luciano-hover-card.png) no-repeat

}



#Bc011 {

    background: url(../images/sceroma-card.png) no-repeat

}



#Bc011:hover {

    background: url(../images/sceroma-hover-card.png) no-repeat

}



.logo_magnifier:hover+#Bc011 {

    background: url(../images/sceroma-hover-card.png) no-repeat

}



#Bc012 {

    background: url(../images/3rio-card.png) no-repeat

}



#Bc012:hover {

    background: url(../images/3rio-hover-card.png) no-repeat

}



.logo_magnifier:hover+#Bc012 {

    background: url(../images/3rio-hover-card.png) no-repeat

}



#Bc013 {

    background: url(../images/maestro-card.png) no-repeat

}



#Bc013:hover {

    background: url(../images/maestro-hover-card.png) no-repeat

}



.logo_magnifier:hover+#Bc013 {

    background: url(../images/maestro-hover-card.png) no-repeat

}



#Bc014 {

    background: url(../images/om-card.png) no-repeat

}



#Bc014:hover {

    background: url(../images/om-hover-card.png) no-repeat

}



.logo_magnifier:hover+#Bc014 {

    background: url(../images/om-hover-card.png) no-repeat

}



#Bc015 {

    background: url(../images/doctor-bird-card.png) no-repeat

}



#Bc015:hover {

    background: url(../images/doctor-bird-hover-card.png) no-repeat

}



.logo_magnifier:hover+#Bc015 {

    background: url(../images/doctor-bird-hover-card.png) no-repeat

}



#Br001 {

    background: url(../images/brochure-doc-bird.png) no-repeat

}



#Br001:hover {

    background: url(../images/brochureH01.png) no-repeat

}



.logo_magnifier:hover+#Br001 {

    background: url(../images/brochureH01.png) no-repeat

}



#Br002 {

    background: url(../images/brochure-free-cable.png) no-repeat

}



#Br002:hover {

    background: url(../images/brochureH02.png) no-repeat

}



.logo_magnifier:hover+#Br002 {

    background: url(../images/brochureH02.png) no-repeat

}



#Br003 {

    background: url(../images/brochure-purrfect-pup.png) no-repeat

}



#Br003:hover {

    background: url(../images/brochureH03.png) no-repeat

}



.logo_magnifier:hover+#Br003 {

    background: url(../images/brochureH03.png) no-repeat

}



#Br004 {

    background: url(../images/brochure-revive.png) no-repeat

}



#Br004:hover {

    background: url(../images/brochureH04.png) no-repeat

}



.logo_magnifier:hover+#Br004 {

    background: url(../images/brochureH04.png) no-repeat

}



#Br005 {

    background: url(../images/brochure-royal-kids-academy.png) no-repeat

}



#Br005:hover {

    background: url(../images/brochureH05.png) no-repeat

}



.logo_magnifier:hover+#Br005 {

    background: url(../images/brochureH05.png) no-repeat

}



#Br006 {

    background: url(../images/brochure-triple-s.png) no-repeat

}



#Br006:hover {

    background: url(../images/brochureH06.png) no-repeat

}



.logo_magnifier:hover+#Br006 {

    background: url(../images/brochureH06.png) no-repeat

}



#Br007 {

    background: url(../images/credit-score-brochure.png) no-repeat

}



#Br007:hover {

    background: url(../images/credit-score-brochure-hover.png) no-repeat

}



.logo_magnifier:hover+#Br007 {

    background: url(../images/credit-score-brochure-hover.png) no-repeat

}



#Br008 {

    background: url(../images/sceroma-brochure.png) no-repeat

}



#Br008:hover {

    background: url(../images/sceroma-brochure-hover.png) no-repeat

}



.logo_magnifier:hover+#Br008 {

    background: url(../images/sceroma-brochure-hover.png) no-repeat

}



#LH001 {

    background: url(../images/letterhead-decilz.png) no-repeat

}



#LH001:hover {

    background: url(../images/letterhead01.png) no-repeat

}



.logo_magnifier:hover+#LH001 {

    background: url(../images/letterhead01.png) no-repeat

}



#LH002 {

    background: url(../images/letterhead-doc-bird.png) no-repeat

}



#LH002:hover {

    background: url(../images/letterhead02.png) no-repeat

}



.logo_magnifier:hover+#LH002 {

    background: url(../images/letterhead02.png) no-repeat

}



#LH003 {

    background: url(../images/letterhead-national-deals.png) no-repeat

}



#LH003:hover {

    background: url(../images/letterhead03.png) no-repeat

}



.logo_magnifier:hover+#LH003 {

    background: url(../images/letterhead03.png) no-repeat

}



#LH004 {

    background: url(../images/letterhead-om-research.png) no-repeat

}



#LH004:hover {

    background: url(../images/letterhead04.png) no-repeat

}



.logo_magnifier:hover+#LH004 {

    background: url(../images/letterhead04.png) no-repeat

}



#LH005 {

    background: url(../images/letterhead-property-concierge.png) no-repeat

}



#LH005:hover {

    background: url(../images/letterhead05.png) no-repeat

}



.logo_magnifier:hover+#LH005 {

    background: url(../images/letterhead05.png) no-repeat

}



#LH006 {

    background: url(../images/letterhead-triple-s.png) no-repeat

}



#LH006:hover {

    background: url(../images/letterhead06.png) no-repeat

}



.logo_magnifier:hover+#LH006 {

    background: url(../images/letterhead06.png) no-repeat

}



#Lf01 {

    background: url(../images/flyer-digital-bulls.png) no-repeat

}



#Lf01:hover {

    background: url(../images/leaflet01.png) no-repeat

}



.logo_magnifier:hover+#Lf01 {

    background: url(../images/leaflet01.png) no-repeat

}



#Lf02 {

    background: url(../images/flyer-kolority.png) no-repeat

}



#Lf02:hover {

    background: url(../images/leaflet02.png) no-repeat

}



.logo_magnifier:hover+#Lf02 {

    background: url(../images/leaflet02.png) no-repeat

}



#Lf03 {

    background: url(../images/leaflet-herbal-cart.png) no-repeat

}



#Lf03:hover {

    background: url(../images/leaflet03.png) no-repeat

}



.logo_magnifier:hover+#Lf03 {

    background: url(../images/leaflet03.png) no-repeat

}



#Lf04 {

    background: url(../images/leaflet-paycron.png) no-repeat

}



#Lf04:hover {

    background: url(../images/leaflet04.png) no-repeat

}



.logo_magnifier:hover+#Lf04 {

    background: url(../images/leaflet04.png) no-repeat

}



#folder01 {

    background: url(../images/folder-digital-bulls.png) no-repeat

}



#folder01:hover {

    background: url(../images/fold01.png) no-repeat

}



.logo_magnifier:hover+#folder01 {

    background: url(../images/fold01.png) no-repeat

}



#folder02 {

    background: url(../images/folder-doc-bird.png) no-repeat

}



#folder02:hover {

    background: url(../images/fold02.png) no-repeat

}



.logo_magnifier:hover+#folder02 {

    background: url(../images/fold02.png) no-repeat

}



#folder03 {

    background: url(../images/folder-ocean-rise.png) no-repeat

}



#folder03:hover {

    background: url(../images/fold03.png) no-repeat

}



.logo_magnifier:hover+#folder03 {

    background: url(../images/fold03.png) no-repeat

}



#envolpe01 {

    background: url(../images/envelope-doc-bird.png) no-repeat

}



#envolpe02 {

    background: url(../images/envelope-procor.png) no-repeat

}



#envolpe03 {

    background: url(../images/envelope-seo-ninja.png) no-repeat

}



#envolpe01:hover {

    background: url(../images/enh1.png) no-repeat

}



#envolpe02:hover {

    background: url(../images/enh2.png) no-repeat

}



#envolpe03:hover {

    background: url(../images/enh3.png) no-repeat

}



.logo_magnifier:hover+#envolpe01 {

    background: url(../images/enh1.png) no-repeat

}



.logo_magnifier:hover+#envolpe02 {

    background: url(../images/enh2.png) no-repeat

}



.logo_magnifier:hover+#envolpe03 {

    background: url(../images/enh3.png) no-repeat

}



#ser_blog1 {

    background: url(../images/service-blog4.png) no-repeat

}



#ser_blog1:hover {

    background: url(../images/service-blog-hover4.png) no-repeat

}



.logo_magnifier:hover+#ser_blog1 {

    background: url(../images/service-blog-hover4.png) no-repeat

}



#ser_blog2 {

    background: url(../images/service-blog2.png) no-repeat

}



#ser_blog2:hover {

    background: url(../images/service-blog-hover2.png) no-repeat

}



.logo_magnifier:hover+#ser_blog2 {

    background: url(../images/service-blog-hover2.png) no-repeat

}



#ser_blog3 {

    background: url(../images/service-blog3.png) no-repeat

}



#ser_blog3:hover {

    background: url(../images/service-blog-hover3.png) no-repeat

}



.logo_magnifier:hover+#ser_blog3 {

    background: url(../images/service-blog-hover3.png) no-repeat

}



#ser_blog4 {

    background: url(../images/service-blog4.png) no-repeat

}



#ser_blog4:hover {

    background: url(../images/service-blog-hover4.png) no-repeat

}



.logo_magnifier:hover+#ser_blog4 {

    background: url(../images/service-blog-hover4.png) no-repeat

}



#ser_blog7 {

    background: url(../images/blog7.png) no-repeat

}



#ser_blog7:hover {

    background: url(../images/blog-hover7.png) no-repeat

}



.logo_magnifier:hover+#ser_blog7 {

    background: url(../images/blog-hover7.png) no-repeat

}



#ser_blog8 {

    background: url(../images/blog8.png) no-repeat

}



#ser_blog8:hover {

    background: url(../images/blog-hover8.png) no-repeat

}



.logo_magnifier:hover+#ser_blog8 {

    background: url(../images/blog-hover8.png) no-repeat

}



#ser_blog9 {

    background: url(../images/blog9.png) no-repeat

}



#ser_blog9:hover {

    background: url(../images/blog-hover9.png) no-repeat

}



.logo_magnifier:hover+#ser_blog9 {

    background: url(../images/blog-hover9.png) no-repeat

}



#ser_blog10 {

    background: url(../images/blog10.png) no-repeat

}



#ser_blog10:hover {

    background: url(../images/blog-hover10.png) no-repeat

}



.logo_magnifier:hover+#ser_blog10 {

    background: url(../images/blog-hover10.png) no-repeat

}



#banner_ad1 {

    background: url(../images/banner-ad1.png) no-repeat

}



#banner_ad2 {

    background: url(../images/banner-ad2.png) no-repeat

}



#banner_ad3 {

    background: url(../images/banner-ad3.png) no-repeat

}



#banner_ad4 {

    background: url(../images/banner-ad4.png) no-repeat

}



#banner_ad5 {

    background: url(../images/banner-ad5.png) no-repeat

}



#banner_ad6 {

    background: url(../images/banner-ad6.png) no-repeat

}



#banner_ad1:hover {

    background: url(../images/banner-ad-hover1.png) no-repeat

}



#banner_ad2:hover {

    background: url(../images/banner-ad-hover2.png) no-repeat

}



#banner_ad3:hover {

    background: url(../images/banner-ad-hover3.png) no-repeat

}



#banner_ad4:hover {

    background: url(../images/banner-ad-hover4.png) no-repeat

}



#banner_ad5:hover {

    background: url(../images/banner-ad-hover5.png) no-repeat

}



#banner_ad6:hover {

    background: url(../images/banner-ad-hover6.png) no-repeat

}



.logo_magnifier:hover+#banner_ad1 {

    background: url(../images/banner-ad-hover1.png) no-repeat

}



.logo_magnifier:hover+#banner_ad2 {

    background: url(../images/banner-ad-hover2.png) no-repeat

}



.logo_magnifier:hover+#banner_ad3 {

    background: url(../images/banner-ad-hover3.png) no-repeat

}



.logo_magnifier:hover+#banner_ad4 {

    background: url(../images/banner-ad-hover4.png) no-repeat

}



.logo_magnifier:hover+#banner_ad5 {

    background: url(../images/banner-ad-hover5.png) no-repeat

}



.logo_magnifier:hover+#banner_ad6 {

    background: url(../images/banner-ad-hover6.png) no-repeat

}



#ser_form1 {

    background: url(../images/ser-form1.png) no-repeat

}



#ser_form2 {

    background: url(../images/ser-form2.png) no-repeat

}



#ser_form3 {

    background: url(../images/ser-form3.png) no-repeat

}



#ser_form4 {

    background: url(../images/ser-form4.png) no-repeat

}



#ser_form1:hover {

    background: url(../images/ser-form-hover1.png) no-repeat

}



#ser_form2:hover {

    background: url(../images/ser-form-hover2.png) no-repeat

}



#ser_form3:hover {

    background: url(../images/ser-form-hover3.png) no-repeat

}



#ser_form4:hover {

    background: url(../images/ser-form-hover4.png) no-repeat

}



.logo_magnifier:hover+#ser_form1 {

    background: url(../images/ser-form-hover1.png) no-repeat

}



.logo_magnifier:hover+#ser_form2 {

    background: url(../images/ser-form-hover2.png) no-repeat

}



.logo_magnifier:hover+#ser_form3 {

    background: url(../images/ser-form-hover3.png) no-repeat

}



.logo_magnifier:hover+#ser_form4 {

    background: url(../images/ser-form-hover4.png) no-repeat

}



#icon-b1 {

    background: url(../images/button-1.png) no-repeat

}



#icon-b2 {

    background: url(../images/button-2.png) no-repeat

}



#icon-b3 {

    background: url(../images/icon-basketball.png) no-repeat

}



#icon-b4 {

    background: url(../images/icon-card-game.png) no-repeat

}



#icon-b5 {

    background: url(../images/icon-mail-growth.png) no-repeat

}



#icon-b6 {

    background: url(../images/icon-trip-sheet.png) no-repeat

}



#icon-b1:hover {

    background: url(../images/button-1-hover.png) no-repeat

}



#icon-b2:hover {

    background: url(../images/button-2-hover.png) no-repeat

}



#icon-b3:hover {

    background: url(../images/icon-basketball-hover.png) no-repeat

}



#icon-b4:hover {

    background: url(../images/icon-card-game-hover.png) no-repeat

}



#icon-b5:hover {

    background: url(../images/icon-mail-growth-hover.png) no-repeat

}



#icon-b6:hover {

    background: url(../images/icon-trip-sheet-hover.png) no-repeat

}



.logo_magnifier:hover+#icon-b1 {

    background: url(../images/button-1-hover.png) no-repeat

}



.logo_magnifier:hover+#icon-b2 {

    background: url(../images/button-2-hover.png) no-repeat

}



.logo_magnifier:hover+#icon-b3 {

    background: url(../images/icon-basketball-hover.png) no-repeat

}



.logo_magnifier:hover+#icon-b4 {

    background: url(../images/icon-card-game-hover.png) no-repeat

}



.logo_magnifier:hover+#icon-b5 {

    background: url(../images/icon-mail-growth-hover.png) no-repeat

}



.logo_magnifier:hover+#icon-b6 {

    background: url(../images/icon-trip-sheet-hover.png) no-repeat

}



#landing1 {

    background: url(../images/landing1.png) no-repeat

}



#landing1:hover {

    background: url(../images/landing-hover1.png) no-repeat

}



.logo_magnifier:hover+#landing1 {

    background: url(../images/landing-hover1.png) no-repeat

}



#landing2 {

    background: url(../images/landing2.png) no-repeat

}



#landing2:hover {

    background: url(../images/landing-hover2.png) no-repeat

}



.logo_magnifier:hover+#landing2 {

    background: url(../images/landing-hover2.png) no-repeat

}



#landing3 {

    background: url(../images/landing3.png) no-repeat

}



#landing3:hover {

    background: url(../images/landing-hover3.png) no-repeat

}



.logo_magnifier:hover+#landing3 {

    background: url(../images/landing-hover3.png) no-repeat

}



#landing4 {

    background: url(../images/landing4.png) no-repeat

}



#landing4:hover {

    background: url(../images/landing-hover4.png) no-repeat

}



.logo_magnifier:hover+#landing4 {

    background: url(../images/landing-hover4.png) no-repeat

}



#landing5 {

    background: url(../images/landing5.png) no-repeat

}



#landing5:hover {

    background: url(../images/landing-hover5.png) no-repeat

}



.logo_magnifier:hover+#landing5 {

    background: url(../images/landing-hover5.png) no-repeat

}



#landing6 {

    background: url(../images/landing6.png) no-repeat

}



#landing6:hover {

    background: url(../images/landing-hover6.png) no-repeat

}



.logo_magnifier:hover+#landing6 {

    background: url(../images/landing-hover6.png) no-repeat

}



#landing8 {

    background: url(../images/landing8.png) no-repeat

}



#landing8:hover {

    background: url(../images/landing-hover8.png) no-repeat

}



.logo_magnifier:hover+#landing8 {

    background: url(../images/landing-hover8.png) no-repeat

}



#landing9 {

    background: url(../images/landing9.png) no-repeat

}



#landing9:hover {

    background: url(../images/landing-hover9.png) no-repeat

}



.logo_magnifier:hover+#landing9 {

    background: url(../images/landing-hover9.png) no-repeat

}



#landing10 {

    background: url(../images/landing10.png) no-repeat

}



#landing10:hover {

    background: url(../images/landing-hover10.png) no-repeat

}



.logo_magnifier:hover+#landing10 {

    background: url(../images/landing-hover10.png) no-repeat

}



#landing11 {

    background: url(../images/landing11.png) no-repeat

}



#landing11:hover {

    background: url(../images/landing-hover11.png) no-repeat

}



.logo_magnifier:hover+#landing11 {

    background: url(../images/landing-hover11.png) no-repeat

}



#stationary01 {

    background: url(../images/staionary-01.png) no-repeat

}



#stationary02 {

    background: url(../images/staionary-02.png) no-repeat

}



#stationary01:hover {

    background: url(../images/staionaryHover-01.png) no-repeat

}



#stationary02:hover {

    background: url(../images/staionaryHover-02.png) no-repeat

}



.logo_magnifier:hover+#stationary01 {

    background: url(../images/staionaryHover-01.png) no-repeat

}



.logo_magnifier:hover+#stationary02 {

    background: url(../images/staionaryHover-02.png) no-repeat

}



#social1 {

    background: url(../images/sm1.png) no-repeat

}



#social2 {

    background: url(../images/sm2.png) no-repeat

}



#social3 {

    background: url(../images/sm3.png) no-repeat

}



#social4 {

    background: url(../images/sm4.png) no-repeat

}



#social1:hover {

    background: url(../images/sm-hover1.png) no-repeat

}



#social2:hover {

    background: url(../images/sm-hover2.png) no-repeat

}



#social3:hover {

    background: url(../images/sm-hover3.png) no-repeat

}



#social4:hover {

    background: url(../images/sm-hover4.png) no-repeat

}



.logo_magnifier:hover+#social1 {

    background: url(../images/sm-hover1.png) no-repeat

}



.logo_magnifier:hover+#social2 {

    background: url(../images/sm-hover2.png) no-repeat

}



.logo_magnifier:hover+#social3 {

    background: url(../images/sm-hover3.png) no-repeat

}



.logo_magnifier:hover+#social4 {

    background: url(../images/sm-hover4.png) no-repeat

}



#banner_b1 {

    background: url(../images/bannerBillboard1.png) no-repeat

}



#banner_b2 {

    background: url(../images/bannerBillboard2.png) no-repeat

}



#banner_b3 {

    background: url(../images/bannerBillboard3.png) no-repeat

}



#banner_b4 {

    background: url(../images/bannerBillboard4.png) no-repeat

}



#banner_b5 {

    background: url(../images/bannerBillboard5.png) no-repeat

}



#banner_b1:hover {

    background: url(../images/banner-hover1.png) no-repeat

}



#banner_b2:hover {

    background: url(../images/banner-hover2.png) no-repeat

}



#banner_b3:hover {

    background: url(../images/banner-hover3.png) no-repeat

}



#banner_b4:hover {

    background: url(../images/banner-hover4.png) no-repeat

}



#banner_b5:hover {

    background: url(../images/banner-hover5.png) no-repeat

}



.logo_magnifier:hover+#banner_b1 {

    background: url(../images/banner-hover1.png) no-repeat

}



.logo_magnifier:hover+#banner_b2 {

    background: url(../images/banner-hover2.png) no-repeat

}



.logo_magnifier:hover+#banner_b3 {

    background: url(../images/banner-hover3.png) no-repeat

}



.logo_magnifier:hover+#banner_b4 {

    background: url(../images/banner-hover4.png) no-repeat

}



.logo_magnifier:hover+#banner_b5 {

    background: url(../images/banner-hover5.png) no-repeat

}



#booklet1 {

    background: url(../images/booklet1.png) no-repeat

}



#booklet1:hover {

    background: url(../images/booklet-hover1.png) no-repeat

}



.logo_magnifier:hover+#booklet1 {

    background: url(../images/booklet-hover1.png) no-repeat

}



#booklet2 {

    background: url(../images/booklet2.png) no-repeat

}



#booklet2:hover {

    background: url(../images/booklet-hover2.png) no-repeat

}



.logo_magnifier:hover+#booklet2 {

    background: url(../images/booklet-hover2.png) no-repeat

}



#booklet3 {

    background: url(../images/booklet3.png) no-repeat

}



#booklet3:hover {

    background: url(../images/booklet-hover3.png) no-repeat

}



.logo_magnifier:hover+#booklet3 {

    background: url(../images/booklet-hover3.png) no-repeat

}



#booklet4 {

    background: url(../images/booklet4.png) no-repeat

}



#booklet4:hover {

    background: url(../images/booklet-hover4.png) no-repeat

}



.logo_magnifier:hover+#booklet4 {

    background: url(../images/booklet-hover4.png) no-repeat

}



#infoG1 {

    background: url(../images/infographic-1.png) no-repeat

}



#infoG1:hover {

    background: url(../images/infographic-1-hover.png) no-repeat

}



.logo_magnifier:hover+#infoG1 {

    background: url(../images/infographic-1-hover.png) no-repeat

}



#infoG2 {

    background: url(../images/infographic-2.png) no-repeat

}



#infoG2:hover {

    background: url(../images/infographic-2-hover.png) no-repeat

}



.logo_magnifier:hover+#infoG2 {

    background: url(../images/infographic-2-hover.png) no-repeat

}



#infoG3 {

    background: url(../images/infographic-3.png) no-repeat

}



#infoG3:hover {

    background: url(../images/infographic-3-hover.png) no-repeat

}



.logo_magnifier:hover+#infoG3 {

    background: url(../images/infographic-3-hover.png) no-repeat

}



#infoG4 {

    background: url(../images/infographic-4.png) no-repeat

}



#infoG4:hover {

    background: url(../images/infographic-4-hover.png) no-repeat

}



.logo_magnifier:hover+#infoG4 {

    background: url(../images/infographic-4-hover.png) no-repeat

}



#infoG5 {

    background: url(../images/herb-3.png) no-repeat

}



#infoG5:hover {

    background: url(../images/herb-3-hover.png) no-repeat

}



.logo_magnifier:hover+#infoG5 {

    background: url(../images/herb-3-hover.png) no-repeat

}



#infoG6 {

    background: url(../images/seo-ninja_info.png) no-repeat

}



#infoG6:hover {

    background: url(../images/seo-ninja-hover_info.png) no-repeat

}



.logo_magnifier:hover+#infoG6 {

    background: url(../images/seo-ninja-hover_info.png) no-repeat

}



#infoG7 {

    background: url(../images/herbal_info.png) no-repeat

}



#infoG7:hover {

    background: url(../images/herbal-lens_info.png) no-repeat

}



.logo_magnifier:hover+#infoG7 {

    background: url(../images/herbal-lens_info.png) no-repeat

}



#infoG8 {

    background: url(../images/herb-4_info.png) no-repeat

}



#infoG8:hover {

    background: url(../images/herb-4-hover_info.png) no-repeat

}



.logo_magnifier:hover+#infoG8 {

    background: url(../images/herb-4-hover_info.png) no-repeat

}



#menu01 {

    background: url(../images/ser-menu1.png) no-repeat

}



#menu02 {

    background: url(../images/ser-menu2.png) no-repeat

}



#menu03 {

    background: url(../images/ser-menu3.png) no-repeat

}



#menu01:hover {

    background: url(../images/Smenu-hover1.png) no-repeat

}



#menu02:hover {

    background: url(../images/Smenu-hover2.png) no-repeat

}



#menu03:hover {

    background: url(../images/Smenu-hover3.png) no-repeat

}



.logo_magnifier:hover+#menu01 {

    background: url(../images/Smenu-hover1.png) no-repeat

}



.logo_magnifier:hover+#menu02 {

    background: url(../images/Smenu-hover2.png) no-repeat

}



.logo_magnifier:hover+#menu03 {

    background: url(../images/Smenu-hover3.png) no-repeat

}



#newsletter01 {

    background: url(../images/newsletter1.png) no-repeat

}



#newsletter02 {

    background: url(../images/newsletter2.png) no-repeat

}



#newsletter03 {

    background: url(../images/newsletter3.png) no-repeat

}



#newsletter01:hover {

    background: url(../images/newsletter-hover1.png) no-repeat

}



#newsletter02:hover {

    background: url(../images/newsletter-hover2.png) no-repeat

}



#newsletter03:hover {

    background: url(../images/newsletter-hover3.png) no-repeat

}



.logo_magnifier:hover+#newsletter01 {

    background: url(../images/newsletter-hover1.png) no-repeat

}



.logo_magnifier:hover+#newsletter02 {

    background: url(../images/newsletter-hover2.png) no-repeat

}



.logo_magnifier:hover+#newsletter03 {

    background: url(../images/newsletter-hover3.png) no-repeat

}



#poster01 {

    background: url(../images/poster-1.png) no-repeat

}



#poster02 {

    background: url(../images/poster-2.png) no-repeat

}



#poster01:hover {

    background: url(../images/poster-1-hover.png) no-repeat

}



#poster02:hover {

    background: url(../images/poster-2-hover.png) no-repeat

}



.logo_magnifier:hover+#poster01 {

    background: url(../images/poster-1-hover.png) no-repeat

}



.logo_magnifier:hover+#poster02 {

    background: url(../images/poster-2-hover.png) no-repeat

}



#ppt01 {

    background: url(../images/ppt-explianer-vids.png) no-repeat

}



#ppt02 {

    background: url(../images/ppt-oak-trust.png) no-repeat

}



#ppt01:hover {

    background: url(../images/ppt-explianer-vids-hover.png) no-repeat

}



#ppt02:hover {

    background: url(../images/ppt-oak-trust-hover.png) no-repeat

}



.logo_magnifier:hover+#ppt01 {

    background: url(../images/ppt-explianer-vids-hover.png) no-repeat

}



.logo_magnifier:hover+#ppt02 {

    background: url(../images/ppt-oak-trust-hover.png) no-repeat

}



#resume01 {

    background: url(../images/resume-1.png) no-repeat

}



#resume02 {

    background: url(../images/resume-2.png) no-repeat

}



#resume03 {

    background: url(../images/resume-3.png) no-repeat

}



#resume01:hover {

    background: url(../images/resume-1-hover.png) no-repeat

}



#resume02:hover {

    background: url(../images/resume-2-hover.png) no-repeat

}



#resume03:hover {

    background: url(../images/resume-3-hover.png) no-repeat

}



.logo_magnifier:hover+#resume01 {

    background: url(../images/resume-1-hover.png) no-repeat

}



.logo_magnifier:hover+#resume02 {

    background: url(../images/resume-2-hover.png) no-repeat

}



.logo_magnifier:hover+#resume03 {

    background: url(../images/resume-3-hover.png) no-repeat

}



#signage1 {

    background: url(../images/signange-1.png) no-repeat

}



#signage2 {

    background: url(../images/signange-2.png) no-repeat

}



#signage3 {

    background: url(../images/signange-3.png) no-repeat

}



#signage4 {

    background: url(../images/signange-4.png) no-repeat

}



#signage5 {

    background: url(../images/signange-5.png) no-repeat

}



#signage6 {

    background: url(../images/signange-6.png) no-repeat

}



#signage1:hover {

    background: url(../images/signangeH-1.png) no-repeat

}



#signage2:hover {

    background: url(../images/signangeH-2.png) no-repeat

}



#signage3:hover {

    background: url(../images/signangeH-3.png) no-repeat

}



#signage4:hover {

    background: url(../images/signangeH-4.png) no-repeat

}



#signage5:hover {

    background: url(../images/signangeH-5.png) no-repeat

}



#signage6:hover {

    background: url(../images/signangeH-6.png) no-repeat

}



.logo_magnifier:hover+#signage1 {

    background: url(../images/signangeH-1.png) no-repeat

}



.logo_magnifier:hover+#signage2 {

    background: url(../images/signangeH-2.png) no-repeat

}



.logo_magnifier:hover+#signage3 {

    background: url(../images/signangeH-3.png) no-repeat

}



.logo_magnifier:hover+#signage4 {

    background: url(../images/signangeH-4.png) no-repeat

}



.logo_magnifier:hover+#signage5 {

    background: url(../images/signangeH-5.png) no-repeat

}



.logo_magnifier:hover+#signage6 {

    background: url(../images/signangeH-6.png) no-repeat

}



#post01 {

    background: url(../images/postcard01.png) no-repeat

}



#post02 {

    background: url(../images/postcard02.png) no-repeat

}



#post03 {

    background: url(../images/postcard03.png) no-repeat

}



#post01:hover {

    background: url(../images/postcardH01.png) no-repeat

}



#post02:hover {

    background: url(../images/postcardH02.png) no-repeat

}



#post03:hover {

    background: url(../images/postcardH03.png) no-repeat

}



.logo_magnifier:hover+#post01 {

    background: url(../images/postcardH01.png) no-repeat

}



.logo_magnifier:hover+#post02 {

    background: url(../images/postcardH02.png) no-repeat

}



.logo_magnifier:hover+#post03 {

    background: url(../images/postcardH03.png) no-repeat

}



#trade01 {

    background: url(../images/tb-01.png) no-repeat

}



#trade02 {

    background: url(../images/tb-02.png) no-repeat

}



#trade01:hover {

    background: url(../images/tbH-01.png) no-repeat

}



#trade02:hover {

    background: url(../images/tbH-02.png) no-repeat

}



.logo_magnifier:hover+#trade01 {

    background: url(../images/tbH-01.png) no-repeat

}



.logo_magnifier:hover+#trade02 {

    background: url(../images/tbH-02.png) no-repeat

}



#bag01 {

    background: url(../images/bag1.png) no-repeat

}



#bag02 {

    background: url(../images/bag2.png) no-repeat

}



#bag03 {

    background: url(../images/bag3.png) no-repeat

}



#bag04 {

    background: url(../images/bag4.png) no-repeat

}



#bag05 {

    background: url(../images/bag5.png) no-repeat

}



#bag01:hover {

    background: url(../images/bag-hover1.png) no-repeat

}



#bag02:hover {

    background: url(../images/bag-hover2.png) no-repeat

}



#bag03:hover {

    background: url(../images/bag-hover3.png) no-repeat

}



#bag04:hover {

    background: url(../images/bag-hover4.png) no-repeat

}



#bag05:hover {

    background: url(../images/bag-hover5.png) no-repeat

}



.logo_magnifier:hover+#bag01 {

    background: url(../images/bag-hover1.png) no-repeat

}



.logo_magnifier:hover+#bag02 {

    background: url(../images/bag-hover2.png) no-repeat

}



.logo_magnifier:hover+#bag03 {

    background: url(../images/bag-hover3.png) no-repeat

}



.logo_magnifier:hover+#bag04 {

    background: url(../images/bag-hover4.png) no-repeat

}



.logo_magnifier:hover+#bag05 {

    background: url(../images/bag-hover5.png) no-repeat

}



#caps01 {

    background: url(../images/cap1.png) no-repeat

}



#caps02 {

    background: url(../images/cap2.png) no-repeat

}



#caps03 {

    background: url(../images/cap3.png) no-repeat

}



#caps01:hover {

    background: url(../images/cap-hover1.png) no-repeat

}



#caps02:hover {

    background: url(../images/cap-hover2.png) no-repeat

}



#caps03:hover {

    background: url(../images/cap-hover3.png) no-repeat

}



.logo_magnifier:hover+#caps01 {

    background: url(../images/cap-hover1.png) no-repeat

}



.logo_magnifier:hover+#caps02 {

    background: url(../images/cap-hover2.png) no-repeat

}



.logo_magnifier:hover+#caps03 {

    background: url(../images/cap-hover3.png) no-repeat

}



#cup01 {

    background: url(../images/cup1.png) no-repeat

}



#cup02 {

    background: url(../images/cup2.png) no-repeat

}



#cup03 {

    background: url(../images/cup3.png) no-repeat

}



#cup04 {

    background: url(../images/cup4.png) no-repeat

}



#cup05 {

    background: url(../images/cup5.png) no-repeat

}



#cup06 {

    background: url(../images/cup6.png) no-repeat

}



#cup01:hover {

    background: url(../images/cup-hover1.png) no-repeat

}



#cup02:hover {

    background: url(../images/cup-hover2.png) no-repeat

}



#cup03:hover {

    background: url(../images/cup-hover3.png) no-repeat

}



#cup04:hover {

    background: url(../images/cup-hover4.png) no-repeat

}



#cup05:hover {

    background: url(../images/cup-hover5.png) no-repeat

}



#cup06:hover {

    background: url(../images/cup-hover6.png) no-repeat

}



.logo_magnifier:hover+#cup01 {

    background: url(../images/cup-hover1.png) no-repeat

}



.logo_magnifier:hover+#cup02 {

    background: url(../images/cup-hover2.png) no-repeat

}



.logo_magnifier:hover+#cup03 {

    background: url(../images/cup-hover3.png) no-repeat

}



.logo_magnifier:hover+#cup04 {

    background: url(../images/cup-hover4.png) no-repeat

}



.logo_magnifier:hover+#cup05 {

    background: url(../images/cup-hover5.png) no-repeat

}



.logo_magnifier:hover+#cup06 {

    background: url(../images/cup-hover6.png) no-repeat

}



#hoodie1 {

    background: url(../images/hoodie1.png) no-repeat

}



#hoodie2 {

    background: url(../images/hoodie2.png) no-repeat

}



#hoodie3 {

    background: url(../images/hoodie3.png) no-repeat

}



#hoodie4 {

    background: url(../images/hoodie4.png) no-repeat

}



#hoodie5 {

    background: url(../images/hoodie5.png) no-repeat

}



#hoodie1:hover {

    background: url(../images/hoodie-hover1.png) no-repeat

}



#hoodie2:hover {

    background: url(../images/hoodie-hover2.png) no-repeat

}



#hoodie3:hover {

    background: url(../images/hoodie-hover3.png) no-repeat

}



#hoodie4:hover {

    background: url(../images/hoodie-hover4.png) no-repeat

}



#hoodie5:hover {

    background: url(../images/hoodie-hover5.png) no-repeat

}



.logo_magnifier:hover+#hoodie1 {

    background: url(../images/hoodie-hover1.png) no-repeat

}



.logo_magnifier:hover+#hoodie2 {

    background: url(../images/hoodie-hover2.png) no-repeat

}



.logo_magnifier:hover+#hoodie3 {

    background: url(../images/hoodie-hover3.png) no-repeat

}



.logo_magnifier:hover+#hoodie4 {

    background: url(../images/hoodie-hover4.png) no-repeat

}



.logo_magnifier:hover+#hoodie5 {

    background: url(../images/hoodie-hover5.png) no-repeat

}



#jersey1 {

    background: url(../images/jersey1.png) no-repeat

}



#jersey2 {

    background: url(../images/jersey2.png) no-repeat

}



#jersey3 {

    background: url(../images/jersey3.png) no-repeat

}



#jersey1:hover {

    background: url(../images/jersey-hover1.png) no-repeat

}



#jersey2:hover {

    background: url(../images/jersey-hover2.png) no-repeat

}



#jersey3:hover {

    background: url(../images/jersey-hover3.png) no-repeat

}



.logo_magnifier:hover+#jersey1 {

    background: url(../images/jersey-hover1.png) no-repeat

}



.logo_magnifier:hover+#jersey2 {

    background: url(../images/jersey-hover2.png) no-repeat

}



.logo_magnifier:hover+#jersey3 {

    background: url(../images/jersey-hover3.png) no-repeat

}



#merchandise1 {

    background: url(../images/merchandise1.png) no-repeat

}



#merchandise2 {

    background: url(../images/merchandise2.png) no-repeat

}



#merchandise1:hover {

    background: url(../images/merchandise-hover1.png) no-repeat

}



#merchandise2:hover {

    background: url(../images/merchandise-hover2.png) no-repeat

}



.logo_magnifier:hover+#merchandise1 {

    background: url(../images/merchandise-hover1.png) no-repeat

}



.logo_magnifier:hover+#merchandise2 {

    background: url(../images/merchandise-hover2.png) no-repeat

}



#sticker1 {

    background: url(../images/sticker1.png) no-repeat

}



#sticker2 {

    background: url(../images/sticker2.png) no-repeat

}



#sticker3 {

    background: url(../images/sticker3.png) no-repeat

}



#sticker4 {

    background: url(../images/sticker4.png) no-repeat

}



#sticker1:hover {

    background: url(../images/sticker-hover1.png) no-repeat

}



#sticker2:hover {

    background: url(../images/sticker-hover2.png) no-repeat

}



#sticker3:hover {

    background: url(../images/sticker-hover3.png) no-repeat

}



#sticker4:hover {

    background: url(../images/sticker-hover4.png) no-repeat

}



.logo_magnifier:hover+#sticker1 {

    background: url(../images/sticker-hover1.png) no-repeat

}



.logo_magnifier:hover+#sticker2 {

    background: url(../images/sticker-hover2.png) no-repeat

}



.logo_magnifier:hover+#sticker3 {

    background: url(../images/sticker-hover3.png) no-repeat

}



.logo_magnifier:hover+#sticker4 {

    background: url(../images/sticker-hover4.png) no-repeat

}



#album1 {

    background: url(../images/cover1.png) no-repeat

}



#album2 {

    background: url(../images/cover2.png) no-repeat

}



#album3 {

    background: url(../images/cover3.png) no-repeat

}



#album1:hover {

    background: url(../images/cover-hover1.png) no-repeat

}



#album2:hover {

    background: url(../images/cover-hover2.png) no-repeat

}



#album3:hover {

    background: url(../images/cover-hover3.png) no-repeat

}



.logo_magnifier:hover+#album1 {

    background: url(../images/cover-hover1.png) no-repeat

}



.logo_magnifier:hover+#album2 {

    background: url(../images/cover-hover2.png) no-repeat

}



.logo_magnifier:hover+#album3 {

    background: url(../images/cover-hover3.png) no-repeat

}



#book1 {

    background: url(../images/book1.png) no-repeat

}



#book2 {

    background: url(../images/book2.png) no-repeat

}



#book3 {

    background: url(../images/book3.png) no-repeat

}



#book1:hover {

    background: url(../images/book-hover1.png) no-repeat

}



#book2:hover {

    background: url(../images/book-hover2.png) no-repeat

}



#book3:hover {

    background: url(../images/book-hover3.png) no-repeat

}



.logo_magnifier:hover+#book1 {

    background: url(../images/book-hover1.png) no-repeat

}



.logo_magnifier:hover+#book2 {

    background: url(../images/book-hover2.png) no-repeat

}



.logo_magnifier:hover+#book3 {

    background: url(../images/book-hover3.png) no-repeat

}



#business1 {

    background: url(../images/business1.png) no-repeat

}



#business2 {

    background: url(../images/business2.png) no-repeat

}



#business3 {

    background: url(../images/business3.png) no-repeat

}



#business1:hover {

    background: url(../images/business-hover1.png) no-repeat

}



#business2:hover {

    background: url(../images/business-hover2.png) no-repeat

}



#business3:hover {

    background: url(../images/business-hover3.png) no-repeat

}



.logo_magnifier:hover+#business1 {

    background: url(../images/business-hover1.png) no-repeat

}



.logo_magnifier:hover+#business2 {

    background: url(../images/business-hover2.png) no-repeat

}



.logo_magnifier:hover+#business3 {

    background: url(../images/business-hover3.png) no-repeat

}



#card1 {

    background: url(../images/card1.png) no-repeat

}



#card2 {

    background: url(../images/card2.png) no-repeat

}



#card1:hover {

    background: url(../images/card-hover1.png) no-repeat

}



#card2:hover {

    background: url(../images/card-hover2.png) no-repeat

}



.logo_magnifier:hover+#card1 {

    background: url(../images/card-hover1.png) no-repeat

}



.logo_magnifier:hover+#card2 {

    background: url(../images/card-hover2.png) no-repeat

}



#char01 {

    background: url(../images/char1.png) no-repeat

}



#char02 {

    background: url(../images/char2.png) no-repeat

}



#char03 {

    background: url(../images/char3.png) no-repeat

}



#char04 {

    background: url(../images/char4.png) no-repeat

}



#char05 {

    background: url(../images/char5.png) no-repeat

}



#char06 {

    background: url(../images/char6.png) no-repeat

}



#char07 {

    background: url(../images/illustration7.png) no-repeat

}



#char08 {

    background: url(../images/illustration8.png) no-repeat

}



#char01:hover {

    background: url(../images/char-hover1.png) no-repeat

}



#char02:hover {

    background: url(../images/char-hover2.png) no-repeat

}



#char03:hover {

    background: url(../images/char-hover3.png) no-repeat

}



#char04:hover {

    background: url(../images/char-hover4.png) no-repeat

}



#char05:hover {

    background: url(../images/char-hover5.png) no-repeat

}



#char06:hover {

    background: url(../images/char-hover6.png) no-repeat

}



#char07:hover {

    background: url(../images/illustration7_hover.png) no-repeat

}



#char08:hover {

    background: url(../images/illustration8_hover.png) no-repeat

}



.logo_magnifier:hover+#char01 {

    background: url(../images/char-hover1.png) no-repeat

}



.logo_magnifier:hover+#char02 {

    background: url(../images/char-hover2.png) no-repeat

}



.logo_magnifier:hover+#char03 {

    background: url(../images/char-hover3.png) no-repeat

}



.logo_magnifier:hover+#char04 {

    background: url(../images/char-hover4.png) no-repeat

}



.logo_magnifier:hover+#char05 {

    background: url(../images/char-hover5.png) no-repeat

}



.logo_magnifier:hover+#char06 {

    background: url(../images/char-hover6.png) no-repeat

}



.logo_magnifier:hover+#char07 {

    background: url(../images/illustration7_hover.png) no-repeat

}



.logo_magnifier:hover+#char08 {

    background: url(../images/illustration8_hover.png) no-repeat

}



#pattern01 {

    background: url(../images/pattern1.png) no-repeat

}



#pattern02 {

    background: url(../images/pattern2.png) no-repeat

}



#pattern03 {

    background: url(../images/pattern3.png) no-repeat

}



#pattern04 {

    background: url(../images/pattern4.png) no-repeat

}



#pattern01:hover {

    background: url(../images/pattern-hover1.png) no-repeat

}



#pattern02:hover {

    background: url(../images/pattern-hover2.png) no-repeat

}



#pattern03:hover {

    background: url(../images/pattern-hover3.png) no-repeat

}



#pattern04:hover {

    background: url(../images/pattern-hover4.png) no-repeat

}



.logo_magnifier:hover+#pattern01 {

    background: url(../images/pattern-hover1.png) no-repeat

}



.logo_magnifier:hover+#pattern02 {

    background: url(../images/pattern-hover2.png) no-repeat

}



.logo_magnifier:hover+#pattern03 {

    background: url(../images/pattern-hover3.png) no-repeat

}



.logo_magnifier:hover+#pattern04 {

    background: url(../images/pattern-hover4.png) no-repeat

}



#web01 {

    background: url(../images/web1.png) no-repeat

}



#web02 {

    background: url(../images/web2.png) no-repeat

}



#web01:hover {

    background: url(../images/web-hover1.png) no-repeat

}



#web02:hover {

    background: url(../images/web-hover2.png) no-repeat

}



.logo_magnifier:hover+#web01 {

    background: url(../images/web-hover1.png) no-repeat

}



.logo_magnifier:hover+#web02 {

    background: url(../images/web-hover2.png) no-repeat

}



#threeD1 {

    background: url(../images/illustration5.png) no-repeat

}



#threeD2 {

    background: url(../images/illustration6.png) no-repeat

}



#threeD1:hover {

    background: url(../images/illustration5_hover.png) no-repeat

}



#threeD2:hover {

    background: url(../images/illustration6_hover.png) no-repeat

}



.logo_magnifier:hover+#threeD1 {

    background: url(../images/illustration5_hover.png) no-repeat

}



.logo_magnifier:hover+#threeD2 {

    background: url(../images/illustration6_hover.png) no-repeat

}



.captcha_home img {

    margin-top: 10px

}



.cp_hom1 img {

    margin-top: 6px

}



.captcha_home {

    text-align: left

}



.snow {

    margin: 0;

    padding: 0;

    background: #657b82;

    position: absolute;

    z-index: -100

}



.mail_img {

    text-align: center

}



.modal-header {

    border: none !important

}



.modal-body button.btn.btn-primary {

    background: transparent;

    color: black;

    border: none;

    font-weight: bolder;

    font-size: larger;

    margin-top: 0px;

    text-transform: capitalize;

}



.innerBlog-list {

    font-family: Lato

}



.innerBlog-list li {

    list-style: square;

    margin-left: 17px;

    padding: 0;

    font-size: 16px;

    color: #000;

    margin-bottom: 8px

}



.innerBlog-listNumber {

    font-family: Lato

}



.innerBlog-listNumber li {

    padding-left: 5px;

    font-size: 16px;

    color: #000;

    margin-bottom: 8px

}



.blog-heading {

    font-family: Lato;

    font-weight: 700;

    font-size: 22px;

    color: #000;

    margin-left: 0 !important

}



.blogContent_table {

    border: 5px ridge;

    padding: 30px 20px 30px 0;

    border-color: #1dc2f2;

    overflow: hidden

}



.blogContent_table h4 {

    margin: 0 0 20px 0;

    text-align: center

}



.blogContent_table li {

    margin-bottom: 15px;

    font-family: Lato

}



@media (min-width:768px) {

    .modal-dialog {

        margin: 30px auto;

        margin-top: 10% !important

    }



    .col-md-4.col-sm-6.col-sm-12.mm1 .modal-dialog.model_width {

        width: 900px !important

    }



    .col-md-4.col-sm-6.col-sm-14.mm1 .modal-dialog.model_width {

        width: 900px !important;

        margin-top: 0 !important

    }



    .col-md-4.col-sm-6.col-sm-12.mm1 .modal-content,

    .col-md-4.col-sm-6.col-xs-6.mm1 .modal-content {

        padding-bottom: 0 !important

    }

}



.modal-content {

    padding-bottom: 30px !important;

    border-radius: 42px

}



.modal-body {

    padding-top: 0 !important;

    padding-bottom: 0 !important;

    background-image: url(https://www.plaxonic.ae/website-design-and-development/img/services/digital-commerce/commerce-shape3.png);

    background-repeat: no-repeat;

    background-position: right;

}



.modal-body p {

    text-align: center;

    margin-top: 5px;

    font-size: 16px;

    color: #000

}



.form-group1 input {

    width: 100%;

    height: 35px;

    background: transparent;

    border: none;

    padding-left: 7px;

    border-radius: 7px;

}



.form-group1 {

    width: 65%;

    float: left;

    margin-left: 5%

}



button#uih {

    background: #1fbffd;

    color: #fff;

    text-align: center;

    position: absolute;

    padding: 9px 85px;

    margin-left: 25%;

    font-size: 16px;

    font-weight: 400

}



@media only screen and (min-width:320px) and (max-width:480px) {

    #inner_bottom3 {

        margin-top: -38px

    }

}



@media only screen and (min-width:481px) and (max-width:700px) {

    #inner_bottom3 {

        margin-top: -55px

    }

}



@media only screen and (min-width:701px) and (max-width:767px) {

    #inner_bottom3 {

        margin-top: -44px

    }

}



@media (min-width:320px) and (max-width:1199px) {



    .webapp-arbordr:after,

    .webapp-arbordr:before,

    .webapp-beaf:after,

    .webapp-beaf:before {

        content: none

    }



    p.webapp-parafnt {

        font-size: 15px;

        margin-bottom: 20px

    }



    h3.webappfnt {

        font-size: 18px

    }



    ul.webappdev-style {

        font-size: 15px

    }



    ul.webappdev-style li {

        padding: 8px

    }



    .webapp-beaf {

        margin-top: 0

    }



    .webapp-promote h3 {

        margin-top: 0

    }



    .webapp-img .weapp-dev {

        padding: 0;

        margin: auto

    }



    .webapp-promote {

        margin: 40px 0

    }



    img.weapp-pg {

        margin: auto

    }

}



@media (min-width:992px) and (max-width:1199px) {

    .webapp-img .weapp-dev {

        padding: 47px 0

    }



    .webapp-promote h3 {

        margin-top: 100px

    }



    .carousel-fade .carousel-inner .item {

        min-height: 336px

    }

}



@media (min-width:1600px) and (max-width:2560px) {

    .sub_back3 {

        margin-top: 30px

    }

}



.page-not-found {

    background: #fff;

    margin: 20px 0 0;

    padding: 50px

}



.page404 {

    padding: 0 20px 50px 20px;

    text-align: center

}



.page404 h1 {

    font-size: 15em;

    font-weight: 900;

    text-shadow: 5px 1px 0 #000;

    margin-top: 0

}



.page404 h1 span {

    color: #1dc2f2

}



.page404 p {

    font-size: 22px;

    color: #141414;

    text-shadow: 2px 1px 2px #fff;

    font-weight: 600;

    letter-spacing: 1px;

    padding-left: 10px;

    margin-top: 10px

}



.floating-ad-on-banner {

    position: absolute;

    top: 43%;

    width: 20%;

    left: 42%;

    transform: translate(0, -50%);

    cursor: pointer;

}



.position-relative {

    position: relative

}



#floating-ad .modal-dialog {

    width: auto

}



#floating-ad .modal-content {

    border-radius: 0;

    padding-bottom: 0 !important;

}



#floating-ad .modal-header #floating-adTitle {

    font-size: 30px;

    color: #1fbffd

}



#floating-ad .modal-header .close {

    margin-top: -40px;

    font-size: 32px

}



#floating-ad .floating-ad-form .form-control {

    width: 100% !important;

    border-radius: 0;

    color: #000 !important

}



#floating-ad .float-ad-send input[type=submit] {

    width: auto !important;

    background-color: #1fbffd;

    color: #fff !important;

    font-size: 16px;

    padding: 7px 32px !important;

    height: auto !important

}



#floating-ad .modal-dialog {

    max-width: 400px;

    margin: auto

}



@media (min-width:320px) and (max-width:767px) {

    .floating-ad-on-banner {

        top: 47%;

        width: 24%;

        left: 60%

    }



    .zopim {

        display: none !important;

    }

}



@media (min-width:768px) and (max-width:991px) {

    .floating-ad-on-banner {

        top: 47%;

        width: 24%;

        left: 60%

    }

}



@media (min-width:992px) and (max-width:1023px) {

    .floating-ad-on-banner {

        width: 15%;

        left: 40%

    }

}



@media (min-width:1024px) and (max-width:1199px) {

    .floating-ad-on-banner {

        width: 17%;

        left: 40%

    }

}



.blog-page-form .form-control {

    width: 100% !important;

    color: #555 !important;

    border: 1px solid #a3a3a3;

    border-radius: 0;

    border-radius: 2px;

}



.blog-page-form .read {

    color: #fff;

    font-weight: 600;

    font-size: 18px;

    text-shadow: 0px 0px 20px #3ebffd;

}



.blog-page-form .btn.active,

.blog-page-form .btn:active {

    box-shadow: none;

    background: url(../images/read_back-blue.png) no-repeat;

}



.blog-page-form .form-control:focus {

    box-shadow: inset 0px 0px 1px rgb(31, 191, 253), 0px 0px 1px rgb(31, 191, 253);

    border: 1px solid #1fbffd !important;

}



.blog-page-form .blue-btn {

    background: url(../images/read_back-blue.png) no-repeat;

    float: left;

}



.form-group1.form-group2 {

    width: 90%;

    float: left;

    margin: auto;

    margin-top: 30px;



    /* margin-left: 5%; */

}



.modal-bg {

    background-image: url(../images/background.png)

}



span {

    color: #00c0f2 !important;

}



.form-group1.form-group2 input {

    margin-bottom: 15px;

}



h4.modal-custom {

    padding-left: 20px;

    line-height: 18px;

    font-weight: bold;

    font-size: 30px;

}



.form-group1.form-group2 label {

    float: left;

}



.modal-dialog.modal-next {

    width: 450px;

}



p.modal-custom {

    text-align: left;

    padding-left: 20px;

}



h6.modal-custom {

    padding-left: 20px;

    font-size: larger;

    font-weight: bolder;

    position: relative;

    top: 15px;

}







.text-center {

    color: #fff;

    text-transform: uppercase;

    font-size: 23px;

    margin: -50px 0 80px 0;

    display: block;

    text-align: center;

    padding-top: 50px;

}



.box {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    background-color: rgba(0, 0, 0, 0.89);

    border-radius: 3px;

    padding: 70px 100px;

}



.input-container {

    position: relative;

    margin-bottom: 25px;

}



.input-container label {

    position: absolute;

    top: 0px;

    left: 0px;

    font-size: 16px;

    color: #fff;

    pointer-event: none;

    transition: all 0.5s ease-in-out;

}



.input-container input {

    border: 0;

    border-bottom: 1px solid #555;

    background: transparent;

    width: 100%;

    padding: 8px 0 5px 0;

    font-size: 16px;

    color: #fff;

}



.input-container input:focus {

    border: none;

    outline: none;

    border-bottom: 1px solid #e74c3c;

}



.btn {

    color: #fff;

    background-color: #e74c3c;

    outline: none;

    border: 0;

    color: #fff;

    padding: 10px 20px;

    text-transform: uppercase;

    margin-top: 14px;

    border-radius: 2px;

    cursor: pointer;

    position: relative;

    font-size:20px;

    

}



/*.btn:after{

	content:"";

	position:absolute;

	background:rgba(0,0,0,0.50);

	top:0;

	right:0;

	width:100%;

	height:100%;

}*/

.input-container input:focus~label,

.input-container input:valid~label {

    top: -12px;

    font-size: 12px;



}



.modal-header.modalclose button {

    margin-top: 10px;

    color: white

}

iframe#launcher {

    display: none;

}

p.privacy-para {
    margin-top: 20px;
}