@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,300,700);
/*@import url(http://fonts.googleapis.com/css?family=Pacifico);*/
body,
ul,
ul li{margin:0;padding:0}
.no-padding,
body,
ul,
ul li{padding:0}
.img-full,
.loading,
.table{width:100%}
.fade-out,
.transition-overlay{opacity:0;visibility:hidden;transition-timing-function:cubic-bezier(.86, 0, .07, 1)}
*{outline:0}
body{font-family:Raleway, sans-serif;-webkit-font-smoothing:antialiased}
body,
html{height:100%}
input[type=text],input[type=email],input[type=number]{height:42px;padding:0 10px;border:1px solid #eee}
button[type=submit],
button[type=button]{height:42px;padding:0 20px;border:none;font-weight:700}
textarea{background:0 0;border:1px solid #333;height:120px;padding:10px}
a{color:#febd0e}
a:hover{text-decoration:underline}
a:focus{text-decoration:none}
p{margin-bottom:15px}
b{font-weight:700}
ul li{list-style:none}
.gray-background{background:#eee}
.boxed-container{max-width:1200px;margin:0 auto}
.boxed-wrapper{width:100%;float:left;background:#fff}
.table{height:100%!important;display:table;margin:0}
.table .inner{display:table-cell;vertical-align:middle}
.loading{height:100%;text-align:center;position:fixed;left:0;top:0;z-index:99999}
.loading img{margin-bottom:30px;display:inline-block}
.loading .spinner{width:30px;height:30px;border:3px solid rgba(255, 255, 255, .2);border-top:3px solid #fff;border-radius:30px;display:inline-block;-webkit-animation:spinner .5s infinite linear;animation:spinner .5s infinite linear}
.side-menu,
.transition-overlay{height:100%;position:fixed;top:0}
.fade-out{transition-duration:.7s;-webkit-transition-duration:.7s;-webkit-transition-timing-function:cubic-bezier(.86, 0, .07, 1)}
.transition-overlay{width:100%;left:0;z-index:99999;transition-duration:.7s;-webkit-transition-duration:.7s;-webkit-transition-timing-function:cubic-bezier(.86, 0, .07, 1)}
.transition-overlay.show-me{opacity:1;visibility:visible}
.side-menu{width:270px;right:-270px;background:#535353;padding:20px;z-index:9999;transition-duration:.5s;-webkit-transition-duration:.5s;transition-timing-function:cubic-bezier(.86, 0, .07, 1);-webkit-transition-timing-function:cubic-bezier(.86, 0, .07, 1)}
.side-menu.show-me{right:0}
.side-menu .side-menu-close{position:absolute;right:0;top:0;padding:27px 20px;cursor:pointer}
.side-menu .side-menu-close i{font-size:20px;color:#fff}
.side-menu h4{color:#fff;font-size:20px;font-weight:700;margin-bottom:30px}
.side-menu form{width:100%;float:left}
.side-menu form input[type="text"],.side-menu form input[type="email"]{width:100%;height:44px;float:left;padding:0 10px;background:#5d5b5c;border:none;margin-bottom:16px;color:#fff;}
.side-menu form textarea{width:100%;height:124px;float:left;padding:10px;background:#5d5b5c;border:none;margin-bottom:16px}
.side-menu form button[type=button]{width:100%;height:44px;float:left;background:#00cae0;color:#fff;font-size:17px;font-weight:700;border:none}
.side-menu ul{width:100%;position:absolute;bottom:0;left:0;padding:20px}
.side-menu ul li{width:34px;height:34px;line-height:34px;float:left;text-align:center;background:red;margin-right:4px}
header,
header .banner,
header.int-header .title{width:100%;float:left}
.side-menu ul li a{display:inline-block;font-size:17px;color:#fff}
.side-menu ul li.facebook{background:#3b5999}
.side-menu ul li.twitter{background:#00bcf8}
.side-menu ul li.googleplus{background:#d3492d}
.side-menu ul li.instagram{background:#5989b9}
.side-menu ul li.pinterest{background:#f63234}
.side-menu ul li.youtube{background:#fe0000}
header{height:100%;color:#fff}
header.int-header{height:auto;padding-bottom:10px}
header.int-header .title{color:#fff;font-size:40px;font-weight:700;margin-top:150px;text-align:center}
header.int-header .sub-title{color:#fff;float:left;font-size:19px;font-weight:500;text-align:center;width:100%}
header .slide-content{width:600px;text-align:center;display:inline-block;color:#fff;position:relative;z-index:99}
.stage,
header video{position:absolute;top:0;left:0}
header .slide-content.spacing{margin-top:220px}
header .slide-content h1{font-weight:700;margin-top:0;margin-bottom:30px;font-size:60px}
header .slide-content h5{width:600px;font-size:17px;line-height:24px;font-weight:500;margin-bottom:30px}
header .slide-content a{color:#fff;display:inline-block;padding:25px 50px;background:#00cadf;font-size:15px;font-weight:700}
header .slide-content a:hover{text-decoration:none}
header .slide-content .icon{display:inline-block;margin-top:30px}
header video{min-width:100%;min-height:100%;transform:scale(1.3);float:left;opacity:.3}
.stage{height:300px;width:500px;margin:auto;right:0;bottom:0;perspective:9999px;transform-style:preserve-3d}
.layer:nth-child(1):after{transform:translateZ(0)}
.layer:nth-child(2):after{transform:translateZ(-2px)}
.layer:nth-child(3):after{transform:translateZ(-4px)}
.layer:nth-child(4):after{transform:translateZ(-6px)}
.layer:nth-child(5):after{transform:translateZ(-8px)}
.layer:nth-child(6):after{transform:translateZ(-10px)}
.layer:nth-child(7):after{transform:translateZ(-12px)}
.layer:nth-child(8):after{transform:translateZ(-14px)}
.layer:nth-child(9):after{transform:translateZ(-16px)}
.layer:nth-child(10):after{transform:translateZ(-18px)}
.layer:nth-child(11):after{transform:translateZ(-20px)}
.layer:nth-child(12):after{transform:translateZ(-22px)}
.layer:nth-child(13):after{transform:translateZ(-24px)}
.layer:nth-child(14):after{transform:translateZ(-26px)}
.layer:nth-child(15):after{transform:translateZ(-28px)}
.layer:nth-child(16):after{transform:translateZ(-30px)}
.layer:nth-child(17):after{transform:translateZ(-32px)}
.layer:nth-child(18):after{transform:translateZ(-34px)}
.layer:nth-child(19):after{transform:translateZ(-36px)}
.layer:nth-child(20):after{transform:translateZ(-38px)}
.layer:nth-child(n+10):after{-webkit-text-stroke:3px rgba(0, 0, 0, .25)}
.layer:nth-child(n+11):after{-webkit-text-stroke:15px #1e90ff;text-shadow:6px 0 6px #00366b, 5px 5px 5px #002951, 0 6px 6px #00366b}
.layer:nth-child(n+12):after{-webkit-text-stroke:15px #0077ea}
.layer:last-child:after{-webkit-text-stroke:17px rgba(0, 0, 0, .1)}
.layer:first-child:after{color:#fff;text-shadow:none}
.navbar-default{padding-top:4px;border-radius:0;background:url(../images/rainbow-bar.jpg) top repeat-x;border-bottom:1px solid rgba(255, 255, 255, .4);-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease}
.navbar-default .navbar-nav>li:hover a,
.navbar-default .navbar-nav>li>a:hover{border-bottom:3px solid #fff;color:#fff}
.services *,
.team-members *{-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease}
.navbar-default .navbar-brand{height:auto}
.navbar-default .navbar-nav{float:right}
.navbar-default .navbar-nav>li{float:left}
.navbar-default .navbar-nav>li>a{padding-top:30px;padding-bottom:30px;color:#fff;font-weight:700}
.navbar-default .navbar-nav>li>a:focus{color:#fff}
.navbar-default .navbar-nav>li>a.hamburger-menu{float:left;margin-top:-3px;font-size:26px}
.navbar-default .navbar-nav>li:hover .dropdown-menu{display:block}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover{background:0 0;color:#fff}
.navbar-default .dropdown-menu{float:left;margin-right:-8px;background:0 0;color:#fff;box-shadow:none;border-radius:0;border:none;display:none}
.navbar-default .dropdown-menu li{width:100%;float:left;text-align:right}
.navbar-default .dropdown-menu li a{color:#fff;font-weight:700;border:none!important}
.latest-works .works-filter a.current,
.works .works-filter a.current{border-bottom:2px solid #febd0e}
.navbar-default .dropdown-menu li a:hover{background:0 0;opacity:.8}
.fixed-nav{background:url(../images/rainbow-bar.jpg) top repeat-x rgba(255, 255, 255, .92)!important}
.fixed-nav a{color:#febd0e!important}
.fixed-nav img{-webkit-filter:brightness(1) invert(1);filter:none}
.fixed-nav .dropdown-menu{background:#febd0e}
.fixed-nav .dropdown-menu a{color:#fff!important}
.about-us{width:100%;float:left}
.about-us .left-side{height:500px;background:url(../images/image1.jpg) no-repeat}
.about-us .right-side{height:500px;background:#f5f5f5}
.about-us .right-side .table{width:100%;padding:30px}
.about-us .right-side h3{font-size:30px;margin-bottom:30px}
.about-us .right-side h3 span{display:inline-block;font-weight:700}
.about-us .right-side p{font-size:18px;line-height:26px;margin-bottom:20px}
.about-us .right-side a{font-size:18px;font-weight:700;padding-bottom:6px}
.about-us .right-side a:hover{text-decoration:none}
.services{width:100%;float:left;padding:100px 0}
.services .box{width:100%;padding:40px 20px;margin-bottom:40px;position:relative}
.fun-facts,
.team-members{padding:100px 0}
.services *{transition:all .2s ease}
.services .box:hover img{margin-bottom:45px}
.services .box img{height:80px;display:inline-block;margin-bottom:20px}
.services .box h4{font-weight:700;color:#fff;margin-bottom:25px}
.services .box p{color:#fff;line-height:22px;font-weight:500}
.services .box .expand{width:70px;height:75px;float:left;text-indent:-9999px;background:url(../images/icon-expand.png) top left no-repeat;background-size:cover;position:absolute;right:0;bottom:0}
.fun-facts,
.fun-facts .content-box,
.latest-works,
.latest-works ul,
.services .box ul li,
.team-members,
.team-members figcaption,
.team-members figure{width:100%;float:left}
.services .box ul li{color:#fff;font-weight:700;margin:3px 0}
.services .box ul.show-me{height:auto}
.team-members *{transition:all .2s ease}
.fun-facts *,
.latest-works ul li figure *{-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease}
.team-members figure{text-align:center}
.team-members figure:hover img{margin-left:-30px}
.team-members figcaption{text-align:center}
.fun-facts{background:#f5f5f5;text-align:center}
.latest-works ul li figure figcaption .table,
.works ul li figure figcaption .table{background:rgba(254, 210, 15, .8)}
.fun-facts *{transition:all .2s ease}
.fun-facts .content-box{padding:50px 10%}
.fun-facts .content-box:hover h5,
.fun-facts .content-box:hover i,
.fun-facts .content-box:hover span{color:#fff}
.fun-facts i{display:inline-block;font-size:40px}
.fun-facts span{display:block;color:#babac2;font-size:40px;font-weight:700}
.fun-facts h5{display:inline-block;color:#babac2;font-size:18px}
.latest-works{padding-top:100px;text-align:center}
.latest-works h3{font-size:30px;margin-bottom:30px}
.latest-works h3 span{display:inline-block;font-weight:700}
.latest-works .works-filter{width:100%;float:left;margin-bottom:30px}
.latest-works .works-filter a{display:inline-block;margin:0 10px;padding-bottom:6px;font-weight:500}
.latest-works .works-filter a:hover{text-decoration:none}
.latest-works ul li{width:33.33333%;float:left}
.latest-works ul li figure{width:100%;height:100%;float:left;position:relative}
.latest-works ul li figure *{transition:all .2s ease}
.latest-works ul li figure:hover figcaption{opacity:1;padding:10px}
.latest-works ul li figure img{width:100%;float:left;height:auto;}
.latest-works ul li figure figcaption{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0}
.latest-works ul li figure figcaption h4{font-weight:700;color:#fff;font-size:20px}
.latest-works ul li figure figcaption h4 a{color:#fff}
.latest-works ul li figure figcaption h4 a:hover{color:#fff;text-decoration:none}
.latest-works ul li figure figcaption small{color:#fff;font-weight:500}
.works{width:100%;float:left;padding:100px 0;text-align:center}
.works *{-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease}
.works h3{color:#febd0e;font-size:30px;margin-bottom:30px}
.works h3 span{display:inline-block;border-top:3px solid #febd0e;font-weight:700}
.works .works-filter{width:100%;float:left;margin-bottom:30px}
.works .works-filter a{display:inline-block;margin:0 10px;padding-bottom:6px;font-weight:500;color:#febd0e}
.works .works-filter a:hover{text-decoration:none}
.works ul{width:100%;float:left}
.works ul.spacing{width:100%}
.works ul.spacing li{padding:10px}
.works ul.masonry{width:100%}
.works ul li{width:33.33333%;float:left}
.works ul li figure{width:100%;height:100%;float:left;position:relative}
.works ul li figure:hover figcaption{opacity:1;padding:10px}
.works ul li figure img{width:100%;float:left}
.works ul li figure figcaption{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0}
.logos .owl-nav .owl-next:hover,
.logos .owl-nav .owl-prev:hover{opacity:.4}
.works ul li figure figcaption h4{font-weight:700;color:#fff;font-size:20px}
.works ul li figure figcaption h4 a{color:#fff}
.works ul li figure figcaption h4 a:hover{color:#fff;text-decoration:none}
.works ul li figure figcaption small{color:#fff;font-weight:500}
.project-detail{width:100%;float:left;padding:100px 0}
.project-detail .project-header{width:100%;float:left;padding-bottom:40px;border-bottom:1px solid #eee}
header nav.navbar .navbar-brand > img{height:auto;}
.project-detail .about-project{width:100%;float:left;margin-top:40px;padding:0 20%}
.project-detail .screenshot{margin-bottom:50px}
.logos{width:100%;float:left;padding:100px 0}
.logos h2{font-size:0}
.logos figure{width:100%;float:left}
.logos figure img{width:100%}
.logos .owl-nav{width:100%;float:left;text-align:center}
.logos .owl-nav .owl-prev{display:inline-block;text-indent:-9999px;margin:0 15px;padding:10px}
.logos .owl-nav .owl-prev:after{content:'\f124';font-family:ionicons;font-size:20px;float:left;text-indent:0}
.logos .owl-nav .owl-next{display:inline-block;text-indent:-9999px;margin:0 15px;padding:10px}
.logos .owl-nav .owl-next:after{content:'\f125';font-family:ionicons;font-size:20px;float:left;text-indent:0}
.latest-news{width:100%;float:left;padding:100px 0;background:#f5f5f5}
.latest-news h3{width:100%;text-align:center;color:#febd0e;font-size:30px;margin-bottom:30px}
.latest-news h3 span{display:inline-block;font-weight:700}
.latest-news .news-box{width:100%;float:left}
.latest-news .news-box figure{width:100%;float:left;margin-bottom:20px;position:relative}
.latest-news .news-box figure img{width:100%}
.latest-news .news-box h4{width:100%;float:left;font-weight:700}
.latest-news .news-box small{display:block;font-size:12px;color:#999;margin-bottom:30px}
.latest-news .news-box p{line-height:26px;font-size:15px;margin-bottom:20px}
.latest-news .news-box .link{float:left;padding:10px 20px;background:#febd0e;color:#fff;font-weight:700}
.quote{width:100%;float:left;background:url(../images/hero2.jpg) 0 0/cover no-repeat rgba(0, 0, 0, 0)!important;text-align:center;background-size:cover}
.quote h3{display:block;margin:0 0 30px;color:#fff;font-weight:700}
.quote p{display:block;margin-bottom:50px;padding:0 10%;color:#fff;font-size:18px;line-height:25px}
.quote a{display:inline-block;color:#fff;font-weight:700;font-size:20px;padding:15px 30px}
.quote a:hover{text-decoration:none;background:#fff}
.blog{width:100%;float:left;padding:100px 0}
.blog *{-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.blog .blog-post{width:100%;float:left;padding-right:20px;margin-bottom:100px}
.blog figure{width:100%;float:left;margin-bottom:20px;position:relative;background:#febd0e}
.blog figure img{width:100%;float:left}
.blog figure:hover img{opacity:.7}
.blog h3{display:block;margin-top:0;color:#febd0e}
.blog small{display:block;margin-bottom:10px;color:#98989a;font-weight:700}
.blog .border{width:38px;height:3px;display:inline-block;margin-bottom:30px;background:#febd0e}
.blog .link{font-size:18px;font-weight:700;border-bottom:3px solid #febd0e;padding-bottom:6px;color:#febd0e}
.blog .link:hover{text-decoration:none}
.blog .pagination{width:100%;float:left}
.blog .pagination>li{float:left}
.blog .pagination>li a{float:left;border:1px dotted #ccc;font-weight:700;font-size:12px;padding:6px 22px;color:#2f2e33;border-radius:0!important}
.blog .pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{background:#febd0e;color:#fff}
.blog-sidebar{width:100%;padding-left:30px}
.blog-sidebar .widgets{width:100%;float:left;margin-bottom:40px}
.blog-sidebar .social-media,
.blog-sidebar .social-media ul{width:100%;float:left}
.blog-sidebar .social-media ul li{width:34px;height:34px;line-height:34px;float:left;text-align:center;background:red;margin-right:4px}
.blog-sidebar .social-media ul li a{display:inline-block;font-size:17px;color:#fff}
.blog-sidebar .social-media ul li.facebook{background:#3b5999}
.blog-sidebar .social-media ul li.twitter{background:#00bcf8}
.blog-sidebar .social-media ul li.googleplus{background:#d3492d}
.blog-sidebar .social-media ul li.instagram{background:#5989b9}
.blog-sidebar .social-media ul li.pinterest{background:#f63234}
.blog-sidebar .social-media ul li.youtube{background:#fe0000}
.blog-sidebar .search,
.blog-sidebar .search form{width:100%;float:left}
.blog-sidebar .search form input[type=text]{width:80%;float:left}
.blog-sidebar .search form button[type=submit]{width:20%;padding:0;text-align:center;float:left;background:#febd0e;color:#fff;margin-left:-3px}
.blog-sidebar .categories,
.blog-sidebar .categories ul,
.blog-sidebar .gallery-thumbs,
.blog-sidebar .tags{width:100%;float:left}
.blog-sidebar .tags a{float:left;padding-bottom:5px;border-bottom:2px solid #eee;font-size:12px;color:#999;margin-right:10px;margin-bottom:10px}
.blog-sidebar .tags a:hover{text-decoration:none;color:#00cadf}
.blog-sidebar .categories ul li{width:100%;float:left;margin:4px 0}
.blog-sidebar .categories ul li a{float:left;color:#febd0e;font-weight:500}
.blog-sidebar .categories ul li a:hover{color:#00cadf}
.blog-sidebar .gallery-thumbs{margin-left:-5px;margin-right:-5px}
.blog-sidebar .gallery-thumbs a{width:33.33333%;float:left;padding:5px}
.blog-sidebar .gallery-thumbs a img{width:100%;float:left}
.contact-info{float:left;padding:0;width:100%;position:relative}
.contact-info h3{font-weight:700}
.contact-info h5{margin-bottom:20px;color:#ccc}
.contact dl dd,
.contact-info form button[type=button],
.projects-tabs .tab-content li figcaption a,
footer,
footer .gallery li figure figcaption a{color:#fff}
.contact-info a{text-decoration:underline;font-weight:500}
.contact-info form{width:100%;display:inline-block}
.contact-info form .form-group{width:100%;float:left;margin-bottom:10px}
.contact-info form input[type=text],.contact-info form input[type=email],.contact-info form input[type=number]{background:0 0;border:1px solid #333;float:left;width:49%}
.contact,
.contact-info form textarea,
.map,
footer{width:100%}
.contact-info form .spacing{margin-right:2%}
.map{height:400px}
.contact{float:left}
.contact h2{font-size:0}
.contact figure{float:left;margin:10px 15px 20px 0;}
.contact dl{display:block}
.contact dl dt{font-size:18px;font-weight:700;color:#fff;margin-bottom:10px}
.contact dl dd{font-weight:500}
.contact .container{padding-bottom:30px;padding-top:30px;border-bottom:1px solid rgba(255, 255, 255, .4)}
footer{float:left;padding:50px 0 40px;}
footer .logo{margin-bottom:30px}
footer *{-moz-transition:all .2s ease;-o-transition:all .2s ease;-ms-transition:all .2s ease;transition:all .2s ease}
footer p{line-height:22px;font-weight:500}
.projects-tabs .tab-content .gallery,
footer .gallery{width:100%;float:left;margin-left:-5px}
.projects-tabs .tab-content li,
footer .gallery li{width:33.33333%;float:left;padding:5px}
.projects-tabs .tab-content li img,
footer .gallery li img{width:100%;float:left}
.projects-tabs .tab-content li figure,
footer .gallery li figure{width:100%;float:left;position:relative}
.projects-tabs .tab-content li figcaption,
footer .gallery li figure figcaption{width:100%;height:100%;position:absolute;text-align:center;left:0;top:0;background:rgba(254, 210, 15, .8);opacity:0}
.projects-tabs .tab-content li figcaption i,
footer .gallery li figure figcaption i{margin-top:20%;display:inline-block;font-size:30px}
.projects-tabs .tab-content li figure:hover figcaption,
footer .gallery li figure:hover figcaption{opacity:1}
footer form{width:100%;float:left}
footer form input[type=text]{width:100%;max-width:280px;height:42px;border:none;padding:0 10px;margin-bottom:6px;color:#000}
footer form button[type=submit]{height:42px;border:none;background:#00cadf;padding:0 20px;margin-bottom:6px}
.sub-footer{width:100%;float:left;padding:20px 0}
.sub-footer h6{font-size:12px;color:#fff;font-weight:700;text-transform:uppercase}
.sub-footer ul{float:right;}
.sub-footer ul li{display:inline-block;}
.sub-footer ul li a img{max-width:43px;}
@media only screen and (max-width:989px),
only screen and (max-device-width:989px){.navbar-default .navbar-brand img{height:18px}
.navbar-default .nav>li>a{padding:30px 10px}
.latest-works ul li,
.works ul li{width:50%}
.team-members figure img{width:100%}
.blog-sidebar{padding-left:0}
.blog .blog-post{padding-right:0}
.contact-info form input[type=text]{width:100%;margin-bottom:10px}
.contact-info form .form-group{margin-bottom:0}
.contact-info form .spacing{margin-right:0}
}
@media only screen and (max-width:767px),
only screen and (max-device-width:767px){.navbar-default .navbar-toggle{border:none;background:0 0;margin-top:20px}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover{background:0 0}
.navbar-default .navbar-toggle .icon-bar{background:#fff}
.navbar-default .navbar-nav{width:100%}
.navbar-default .navbar-nav>li{width:100%;padding:0}
.navbar-default .navbar-nav>li a{width:100%;float:left;padding:10px 0}
.navbar-default .navbar-nav>li a:hover{border:none;opacity:.7}
.navbar-default .navbar-nav>li:hover a{border:none}
.navbar-nav>li>.dropdown-menu{width:100%;position:static}
.navbar-default .dropdown-menu li{text-align:left}
.navbar-default .navbar-collapse{background:#febd0e;border:none;margin-top:11px}
.services .no-padding{padding:0 30px}
header .slide-content h5{width:auto;font-size:14px}
.fun-facts h5{font-size:16px}
.latest-works ul li{width:100%;padding:0 20px 10px}
.latest-news .news-box,
footer .gallery{margin-bottom:40px}
.sub-footer h6{float:left!important}
}
header nav#nav .nav.navbar-nav{margin-top:40px}
header nav#nav .nav.navbar-nav li a{text-transform:uppercase;color:#000}
.banner-carousel.owl-carousel .owl-item img{max-width:100%;width:auto}
.banner .banner-carousel .item{background-image:url(../images/internet-marketing_-951488916.jpg);background-size:cover;height:100vh;padding-top:50vh}
.banner .banner-carousel .item.W_DEV{background-image:url(../images/check-2082845_1920.jpg)}
.banner .banner-carousel .item.WD{background-image:url(../images/laptop-2234342_1920.jpg)}
.banner .banner-carousel .item.QA{background-image:url(../images/quality.jpg)}
header .logos.banner{padding-top:0}
.banner .banner-carousel .item h2{color:#fff;font-size:45px;font-weight:700;text-transform:uppercase}
.banner-carousel .item p{color:#fff;}
header nav#nav{background:rgba(255, 255, 255, .46)}
.banner-carousel .item a{background:#eb5824;display:inline-block;font-weight:600;padding:15px 35px;text-decoration:none;text-transform:uppercase}
.theme-btn{background:#000;border-radius:0;padding:9px 20px}
footer .logo{height:auto;filter:brightness(0) invert(1)}
.yellow-bg{background:linear-gradient(to right, #ce4210 0, #eb5824 40%, #eb5824 100%) rgba(0, 0, 0, 0)}
.loading.yellow-bg{background:#4A4A4A}
.loading.yellow-bg img{filter:brightness(0) invert(1)}
.about-us .right-side h3{color:#eb5824}
.about-us .right-side a{border-bottom:3px solid #eb5824;color:#eb5824}
.about-us .right-side a:hover{border-bottom:3px solid #000}
.about-us .right-side h3 span{color:#000}
.fun-facts .content-box:hover{background:#4a4a4a}
.fun-facts i{color:#eb5824}
header nav#nav.fixed-nav .nav.navbar-nav li a{color:#eb5824!important}
.contact,
footer{background:#eb5824}
.sub-footer{background:#ca4111}
.latest-works h3{color:#eb5824}
.latest-works h3 span{color:#000}
.latest-works .works-filter a{color:#4a4a4a;outline:0}
.latest-works .works-filter a.current{color:#eb5824;border-color:#000}
.quote a{background:#000}
ul.nav.navbar-nav li .dropdown-menu{background:rgba(255, 255, 255, .46)}
.about-more-content{float:left;padding:50px 0 0;width:100%}
.margin-bottom-20{margin-bottom:20px}
.about-more-content p{font-size:18px}
.contact-info form input:focus,
.contact-info form textarea:focus{border-color:#eb5824;box-shadow:0 1px 8px #eb5824;}
form button.intimm-btn{background:#eb5824 none repeat scroll 0 0;color:#fff;}
.contact-info form button[type=button]{background:#eb5824;-ms-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.contact-info form input[type=text],
.contact-info form textarea,
.home .services .box,
.home .services .box:before,
.home .services .box:hover:before{transition:all .3s ease-in-out}
.contact-info form button[type=button]:hover{background:#000;color:#000;}
.contact-info a:hover,
.quote h2{color:#000}
.contact-map{float:left;width:100%;line-height:0}
.contact-map iframe{border:none}
.loading img{height:auto;max-width:150px}
.quote{padding:100px 0 70px}
.quote h2{font-size:35px;font-weight:600;margin-bottom:40px;text-transform:uppercase}
.quality ul li{margin-bottom:5px;padding-left:21px;position:relative}
.quality{font-size:18px;padding:60px 0;float:left;width:100%;}
.porfolio h3,
.quality h3{font-size:25px;font-weight:600;margin-bottom:15px}
.quality ul li::before{background:#eb5824;border-radius:14px;content:"";height:8px;left:0;position:absolute;top:9px;width:8px}
.no-margin{margin:0}
.inner-service h2,
.mobile-app-tabs .row{margin-bottom:30px}
.porfolio{padding-bottom:50px}
.mobile-app-slider{background:url(../images/hero2.jpg) no-repeat rgba(0, 0, 0, 0);padding:100px 0;background-size:cover}
.mobile-app-slider .item h2{color:#fff;font-size:40px}
.mobile-app-slider .sub-heading{color:#fff;font-size:20px}
.mobile-app-slider p{color:#fff;font-size:16px}
.mobile-app-tabs{padding:20px 0 0}
.mobile-app-tabs h3{font-size:30px;font-weight:600;margin-bottom:30px}
.padding-zero-left{padding-left:0}
h5.sub-title.contact-sub{color:#333;font-size:20px;line-height:28px;margin:60px 0 70px;text-align:center}
.map-form{background:rgba(255, 255, 255, 0.7) none repeat scroll 0 0;left:0;margin:0 auto;max-width:800px;padding:30px 20px;position:absolute;right:0;top:0;}
.contact-info .map-form li{display:inline-block;padding:0 6px}
.contact-info .map-form>h4{font-size:30px;font-weight:600;margin-bottom:25px}
.contact-info .map-form li img{max-width:50px}
#contact-map{width:100%;height:500px}
.contact-info form input[type=text]:focus,
.contact-info form textarea:focus{background:#fff}
.services.innternetmarket .box ul{height:auto}
.services.innternetmarket .box ul li{font-weight:400;list-style:inside}
.internetmarketing-tabs{float:left;padding:60px 0 40px;width:100%;}
.internetmarketing-tabs ul.nav-tabs li.active a,
.projects-tabs ul.nav-tabs li.active a{background:#eb5824;color:#fff;font-weight:600;padding:10px 30px;border:none;border-radius:0}
.internetmarketing-tabs ul.nav-tabs li.active a:hover,
.projects-tabs ul.nav-tabs li.active a:hover{border:none;border-radius:0}
.internetmarketing-tabs ul.nav-tabs li a,
.projects-tabs ul.nav-tabs li a{border:none;border-radius:0;transition:all .3s ease-in-out}
.internetmarketing-tabs ul.nav-tabs li a:focus{border:none;border-radius:0}
.internetmarketing-tabs .tab-content h4{font-size:22px;text-transform:uppercase;font-weight:600}
.internetmarketing-tabs .tab-content h5{font-size:22px;font-weight:600}
.internetmarketing-tabs .tab-content{padding:20px 0 30px}
.internetmarketing-tabs .tab-content ul li{list-style:inside}
.wd-testimonial{padding:100px 0 70px;float:left;width:100%;text-align:center}
.wd-testimonial h2{color:#000;font-size:35px;font-weight:600;margin-bottom:40px;text-transform:uppercase}
.wd-testimonial.quote h2{color:#fff}
.wd-testimonial p{display:block;margin-bottom:50px;padding:0 10%;font-size:18px;line-height:25px}
.home .services .box:hover img,
.mat-bg img{margin-bottom:20px}
.projects-tabs{float:left;padding:80px 0;width:100%}
.projects-tabs .tab-content li figcaption a.visit-site{color:#000;display:block;font-size:16px;font-weight:600;text-decoration:none;width:100%}
.internetmarketing-tabs p,
.internetmarketing-tabs ul li{font-size:16px}
.latest-works.portfolio-work ul li.video{float:left;width:20%}
.portfolio-work{padding-bottom:50px}
.mat-bg,
.mat-nonbg{padding:50px 0}
section.portfolio-work ul li.digital,
section.portfolio-work ul li.development,
section.portfolio-work ul li.video{display:none;}
section.portfolio-work ul li.digital.block,
section.portfolio-work ul li.development.block,
section.portfolio-work ul li.video.block{display:block;}
.latest-works ul li .inner small a,
.portfolio-work ul li .inner small a{color:#000;font-size:16px;font-weight:600;text-decoration:none;text-transform:uppercase}
.mat-bg{background:#f1f1f1}
.mobile-app-tabs p,
.mobile-app-tabs ul li{font-size:16px;list-style:inside}
.mat-nonbg img{margin-top:30px}
.home .latest-works{padding:0;}
.home .quote{background:url(../images/internet-marketing_-951488916.jpg) rgba(0, 0, 0, 0)!important}
.home .services{padding-bottom:20px;padding-top:0;text-align:center;}
.home .services .box{padding-bottom:90px;padding-top:90px;position:relative;z-index:0}
.home .services .box.ser-first{background:url(../images/1.jpg) 0 0/cover}
.home .services .box.ser-second{background:url(../images/IMG-56.jpg) 0 0/cover}
.home .services .ser-thard .box{background:url(../images/3.jpg) 0 0/cover}
.home .services .ser-fourth .box{background:url(../images/1.jpg) 0 0/cover}
.home .services .box:before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:rgba(235, 88, 36, .7);z-index:-1}
.home .services .box:hover:before{background:linear-gradient(to right, #ce4210 0, #eb5824 40%, #eb5824 100%) rgba(0, 0, 0, 0)}
.services .btn.theme-btn{background:#fff;color:#333;font-size:16px;margin-top:20px;padding:10px 40px;border:1px solid #fff}
.services .btn.theme-btn:hover{background-color:transparent}
.home .quote p{color:#000}
.home .quote a{background:#eb5824;}
.contact-info a,
.home .quote a:hover{color:#eb5824;background:#fff;}
.web-inner .quality{float:left;font-size:18px;padding:60px 0;width:100%}
.web-inner .quality ul{margin-bottom:30px}
.site-map{float:left;padding:50px 0;width:100%}
.site-map h3{padding:0 0 20px}
.site-map h3 a{color:#eb5824;text-decoration:none}
.site-map ul li{display:inline-block;float:left;margin-bottom:10px;width:33.33%}
.site-map ul::after,
.site-map ul::before{content:"";display:table}
.site-map ul::after{clear:both}
.site-map ul li a:hover{color:#000}
.site-map ul li a{color:#333}
.ineternet-inner-content .internet-bottom-ul li{display:inline-block;margin-right:30px;padding-left:27px}
.ineternet-inner-content .internet-bottom-ul{margin-top:30px}
.ineternet-inner-content h3,
.ineternet-inner-content h4{font-size:22px;font-weight:600;margin-top:0}
.ineternet-inner-content .internet-bottom-ul li::before{background:0 0;border-radius:14px;content:"";font-family:fontawesome;height:auto;left:0;position:absolute;top:0;width:auto;color:#eb5824}
.ineternet-inner-content{padding:40px 0 0}
.ineternet-inner-content h3{text-transform:uppercase}
footer ul li a{color:#fff;display:inline-block;font-size:14px;line-height:24px}
footer ul li a:hover{color:#333}
footer h4{font-weight:700;margin-bottom:17px;margin-top:45px}
.mobile-inner .quality{float:left;padding-bottom:40px;width:100%}
.services--page .about-us{background-image:url(../images/services-bg.jpg);}
.services--page .about-us.service--2{background-image:url(../images/services-2.jpg);}
.services--page .about-us.service--1{background-image:url(../images/services-1.jpg);}
.services--page .about-us.service--4{background-image:url(../images/services-4.jpg);}
.services--page .about-us.service--5{background-image:url(../images/services-5.jpg);}
.services--page .about-us .right-side{height:auto;background:rgba(235, 88, 36, 0.55) none repeat scroll 0 0;transition:all 0.3s ease-in-out;}
.services--page .about-us:hover .right-side{background:rgb(235, 88, 36) none repeat scroll 0 0;}
.services--page .about-us .right-side h3{color:#fff;}
.services--page .about-us .right-side p{color:#fff;}
.services--page .about-us .right-side a{border-bottom:3px solid #fff;color:#000;}
.services--page .about-us .right-side a:hover{border-bottom:3px solid #000;color:#fff;}
.mobile-app-development{background-image:url("../images/banner-mobile-app-development.jpg");background-position:-250px bottom;padding:140px 0;background-size:cover;}
.web-design-banner{background-image:url("../images/banner-web-design.jpg");}
.web-development-banner{background-image:url("../images/banner-web-development.jpg");}
.mobile-app-dev{background-image:url("../images/banner-mobile-app-development1.jpg");}
.mobile-app-development.mad-2{background-image:url("../images/banner-mobile-app-development2.jpg");}
.interneti-mrk-banner{background-image:url("../images/banner-internetmarketing.jpg");}
.mobile-app-development.mad-3{background-image:url("../images/banner-mobile-app-development3.jpg");}
.mobile-app-development h2{font-size:33px;font-weight:600;margin-bottom:30px;}
.mobile-app-development p,
.mobile-app-development li{font-size:18px;}
.mobile-app-development.mad-2 h2,
.mobile-app-development.mad-2 p,
.mobile-app-development.mad-2 li,
.mobile-app-development.web-development-banner h2,
.mobile-app-development.web-development-banner p,
.mobile-app-development.web-development-banner li,
.mobile-app-development.interneti-mrk-banner h2,
.mobile-app-development.interneti-mrk-banner p,
.mobile-app-development.interneti-mrk-banner li{color:#fff;}
.mobile-app-development .carcle-list>li::before{border-color:#fff;}
.mobile-app-development .carcle-list>li::before{border:2px solid #eb5824;border-radius:60px;content:"";height:13px;left:0;position:absolute;top:7px;width:13px;}
.mobile-app-development .carcle-list>li{float:left;margin-bottom:20px;padding-left:25px;position:relative;width:50%;}
iframe#portfolio--slider{border:0 none;height:600px;}
.portfolio--slider{float:left;width:100%;}
.seo-serivces .item img{width:auto;}
.services.web-dev-service,
.services.quality-service{padding:80px 0 40px;}
.mobile-app-deve .mobile-app-development{background-size:auto auto;}
.quality-service h2{margin:0 0 40px;}
.intimm-btn{position:relative;transition:all 0.3s ease-in-out 0s;z-index:0;color:#fff;}
.intimm-btn:hover{color:#000;}
.intimm-btn:hover::before{width:50%;}
.intimm-btn:hover::after{width:50%;}
.intimm-btn::before,
.intimm-btn::after{background:#fff none repeat scroll 0 0;content:"";height:100%;left:0;position:absolute;right:0;top:0;transition:all 0.3s ease-in-out 0s;width:0;z-index:-1;}
.intimm-btn::after{right:0;left:auto;}
.mobile-app-development a{font-size:18px;font-weight:700;padding-bottom:6px;border-bottom:3px solid #eb5824;color:#eb5824;text-decoration:none;}
.mobile-app-development a:hover{border-bottom:3px solid #000;}
.contact-map iframe{width:100%;display:block;pointer-events:none;position:relative;}
.contact-map iframe.clicked{pointer-events:auto;}
section.webdesign--section{background:rgb(52, 65, 105) none repeat scroll 0 0;float:left;padding:50px 0 0;width:100%;text-align:center;}
section.webdesign--section.hire-designer{background:rgb(130, 109, 159);}
.webdesign--section img{margin:0 auto 30px;}
.webdesign--section h3{color:#fff;font-size:30px;font-weight:600;margin-bottom:65px;}
.webdesign--section p{color:#fff;margin-bottom:70px;}
.webdesign--section [class*="col-"]:nth-child(3n+1){clear:left;}
.webdesign--section.hire-designer [class*="col-"]:nth-child(4){clear:none;}
.web-section-advance-hire{float:left;padding:60px 0;text-align:center;width:100%;}
.web-section-advance-hire img{margin:0 auto 30px;}
.web-section-advance-hire h3{font-size:30px;font-weight:600;margin:0 0 50px;}
.web-development-sec1{padding-top:80px;}
.web-development-sec1 h2{font-size:30px;font-weight:600;text-transform:uppercase;}
.web-development-sec1 h3{font-size:25px;font-weight:600;margin-bottom:18px;}
.web-development-sec1 p{font-size:18px;}
.webdesign--section h5{color:#fff;font-size:20px;font-weight:600;}
.hc-section{display:none;}
.hc-top-button{text-align:center;}
.hc-top-button .hc-li{cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:15px 25px;color:#000;min-width:163px;}
.hc-section{background:#00A4CA none repeat scroll 0 0;padding:50px 0;}
.hc-section2{background:#74A42E;}
.hc-section3{background:#4468B1;}
.hc-section4{background:#D2417F;}
.hc-section5{background:#e68a07 none repeat scroll 0 0;}
.hc-section6{background:#9E5B94;}
.hover-change{float:left;text-align:center;width:100%;}
.hc-section h2{color:#ffffff;font-size:30px;font-weight:600;margin-bottom:25px;}
.hc-section h2{color:#ffffff;font-size:30px;font-weight:600;margin-bottom:25px;}
.hc-section .hc-cat li{display:inline-block;padding:12px 25px;}
.hc-section .hc-cat{padding:30px 0;}
.hc-section .hc-cat{color:#ffffff;font-size:16px;text-decoration:none;}
.hc-section .hc-discover li{display:inline-block;padding:0 6px;}
.hc-section .hc-discover{padding:20px 0;}
.hover-change .hc-section p{color:#ffffff;font-size:20px;line-height:33px;}
.hc-discover .btn.theme-btn{border:medium none;font-size:18px;font-weight:600;padding:12px 30px;}
.hc-discover>li:first-child a.btn.theme-btn{background:#ffffff none repeat scroll 0 0;color:#000000;}
.hc-discover>li:first-child a.btn.theme-btn:hover{color:#fff;}
.hc-discover>li:first-child a.btn.theme-btn::before,
.hc-discover>li:first-child a.btn.theme-btn::after{background:#000 none repeat scroll 0 0;}
.hover-change .hc-li .icon{background:rgba(0, 0, 0, 0) url("../images/home-tabs-icon-bg.png") repeat scroll 0 0;display:block;height:66px;margin:15px auto 0;position:relative;width:67px;}
.hover-change .hc-li.active .icon{transform:rotate(316deg);transition:all 0.5s ease-out 0s;}
.hover-change .hc-li.hc-li2 .icon{background-position:-68px 0;width:65px;}
.hover-change .hc-li.hc-li3 .icon{background-position:-264px 0;width:67px;}
.hover-change .hc-li.hc-li5 .icon{background-position:-199px 0;width:66px;}
.hover-change .hc-li.hc-li6 .icon{background-position:-134px 0;width:64px;}
.hover-change .hc-li .icon::before{background:url(../images/home-tabs-icon.png);content:"";height:30px;left:0;margin:0 auto;position:absolute;right:0;top:calc(50% - 15px);width:30px;}
.hover-change .hc-li.active .icon::before{transform:rotate(44deg);}
.hover-change .hc-li.hc-li1 .icon::before{height:34px;width:21px;}
.hover-change .hc-li.hc-li2 .icon::before{background-position:-21px 0;height:32px;width:35px;}
.hover-change .hc-li.hc-li3 .icon::before{background-position:-57px 0;height:33px;width:31px;}
.hover-change .hc-li.hc-li5 .icon::before{background-position:-89px 0;height:33px;width:31px;}
.hover-change .hc-li.hc-li6 .icon::before{background-position:40px 0;height:33px;width:40px;}
.thankyou-section{float:left;margin-top:140px;width:100%;}
.thankyou-section{background-image:url("../images/thankyou-bg.jpg");background-size:cover;float:left;margin-top:140px;width:100%;}
.thankyou-section h2{color:#000;font-weight:bold;text-align:center;text-transform:uppercase;}
.about-us[class*="web-deve-"] .left-side,
.about-us[class*="web-deve-"] .right-side{height:370px;}
[class*="seo-service"] .inner>img{filter:invert(100%);max-width:80px;}
[class*="seo-service"] .inner li{font-size:18px;line-height:26px;list-style:inside;margin-bottom:9px;}
[class*="seo-service-"]:nth-child(2n) .right-side .table,
.about-us[class*="web-deve-"]:nth-child(2n) .right-side .table{float:right;max-width:583px;}
.side-menu form input[type="text"]::-webkit-input-placeholder,
.side-menu form input[type="email"]::-webkit-input-placeholder,
.side-menu form input[type="email"],
.side-menu form textarea::-webkit-input-placeholder{color:#fff;}
.side-menu form input[type="text"]::-moz-placeholder,
.side-menu form input[type="email"]::-moz-placeholder,
.side-menu form textarea::-moz-placeholder{color:#fff;}
.side-menu form input[type="text"]:-ms-input-placeholder,
.side-menu form input[type="email"]:-ms-input-placeholder,
.side-menu form textarea:-ms-input-placeholder{color:#fff;}
.side-menu form input[type="text"]:-moz-placeholder,
.side-menu form input[type="email"]:-moz-placeholder,
.side-menu form textarea:-moz-placeholder{color:#fff;}
.side-menu form input[type="text"],
.side-menu form textarea{color:#fff;text-transform:capitalize;}
.about-us .left-side{background-size:cover;}
.about-us.seo-service-1 .left-side{background-image:url(../images/social_media-01.jpg);}
.about-us.seo-service-2 .left-side{background-image:url(../images/content-writing-banner-01.jpg);}
.about-us.seo-service-3 .left-side{background-image:url(../images/shopify-image-01.jpg);}
.about-us.seo-service-4 .left-side{background-image:url(../images/local_business.jpg);}
.about-us.seo-service-5 .left-side{background-image:url(../images/reputation-management-1.jpg);}
.fixed-nav ul.nav.navbar-nav li .dropdown-menu{background:#eb5824 none repeat scroll 0 0;}
header nav#nav.fixed-nav ul.nav.navbar-nav li .dropdown-menu li a{color:#fff !important;}
header .fixed-nav .navbar-brand>img{max-width:160px;}
header nav.navbar.fixed-nav ul.nav.navbar-nav{margin-top:9px !important;}
.banner-slide-text-bg{background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0;display:inline-block;margin-bottom:10px;padding:0 15px;}
.about-us.web-deve-1 .left-side{background:rgba(0, 0, 0, 0) url("../images/web-snappy.jpg") no-repeat scroll 0 0/cover;}
.about-us.web-deve-2 .left-side{background:rgba(0, 0, 0, 0) url("../images/web-scalable.jpg") no-repeat scroll 0 0/cover;}
.about-us.web-deve-3 .left-side{background:rgba(0, 0, 0, 0) url("../images/web-social.jpg") no-repeat scroll 0 0/cover;}
.about-us.web-deve-4 .left-side{background:rgba(0, 0, 0, 0) url("../images/web-unique.jpg") no-repeat scroll 0 0/cover;}
.about-us.web-deve-5 .left-side{background:rgba(0, 0, 0, 0) url("../images/web-meaningful.jpg") no-repeat scroll 0 0/cover;}
.about-us.web-deve-6 .left-side{background:rgba(0, 0, 0, 0) url("../images/web-art.jpg") no-repeat scroll 0 0/cover;}
.header-topsocial li{display:inline-block;}
.header-social{position:relative;text-align:right;}
.header-topsocial{padding:8px 0 0;position:absolute;right:0;}
.fixed-nav .header-social{display:none;}
.header-topsocial li a{background:#000 none repeat scroll 0 0;border-radius:10px;color:#fff;display:inline-block;font-size:23px;height:40px;line-height:40px;text-align:center;width:40px;}
.sub-footer ul li a{background:#fff none repeat scroll 0 0;border-radius:10px;color:#ca4111;display:inline-block;font-size:20px;height:40px;line-height:40px;text-align:center;width:40px;}
.hc-section .hc-cat li img{display:block;margin:0 auto 10px;max-height:35px;}
form .g-recaptcha{float:left;margin-bottom:10px;}
.contact-map>iframe{height:595px !important;}
.hover-change .hc-section ul.hc-cat li{padding-top:42px;position:relative;}
.hover-change .hc-section ul.hc-cat li::before{background-image:url("../images/tech-icons.png");content:"";height:35px;left:0;position:absolute;right:0;width:30px;top:0;margin:0 auto;}
.hover-change .hc-section ul.hc-cat li img{display:none;}
.hover-change .hc-section ul.hc-cat li.tech-iphone::before{background-position:-120px 0;height:36px;width:24px;}
.hover-change .hc-section ul.hc-cat li.tech-ipad::before{background-position:-229px -47px;width:28px;}
.hover-change .hc-section ul.hc-cat li.tech-swift::before{background-position:-155px 0;width:33px;}
.hover-change .hc-section ul.hc-cat li.tech-php::before{background-position:-247px -5px;height:34px;width:30px;}
.hover-change .hc-section ul.hc-cat li.tech-wordpress::before{background-position:-82px 0;width:32px;}
.hover-change .hc-section ul.hc-cat li.tech-magento::before{background-position:-103px -48px;}
.hover-change .hc-section ul.hc-cat li.tech-codeigniter::before{background-position:134px -48px;}
.hover-change .hc-section ul.hc-cat li.tech-asp::before{background-position:91px -50px;}
.hover-change .hc-section ul.hc-cat li.tech-ui-design::before{background-position:-40px 0;}
.hover-change .hc-section ul.hc-cat li.tech-html5::before{background-position:-61px 35px;}
.hover-change .hc-section ul.hc-cat li.tech-drupal::before{background-position:-202px -3px;width:34px;}
.hover-change .hc-section ul.hc-cat li.tech-drupal::before{background-position:-20px -49px;width:34px;}
.hover-change .hc-section ul.hc-cat li.tech-joomla::before{background-position:-202px -3px;width:34px;}
.hover-change.section6-bg .hc-section ul.hc-cat li::before{content:none;}
.hover-change.section6-bg .hc-section ul.hc-cat li{padding-top:12px;}
.services .yellow-bg .icon {background-image: url("../images/home-services-icon.png");height: 84px;margin: 0 auto;width: 70px;}
.services .yellow-bg .icon.marketing-icon {background-position: -78px 0;height: 84px;width: 84px;}
.services .yellow-bg .icon.webdesign-icon {background-position: -170px 0;height: 84px;  width: 96px;
}
.services .yellow-bg .icon.webdevelope-icon {background-position: 92px 0;height: 84px;width: 92px;
}
@media (max-width:767px){#contact-map{min-height:300px}
.latest-works.portfolio-work ul li.video{float:left;width:50%}
.navbar-default .navbar-brand img{height:42px}
.banner .banner-carousel .item{padding-top:26vh}
.banner .banner-carousel .item h2{font-size:25px}
.banner-carousel .item p{font-size:16px;padding:8px 13px}
.banner-carousel .item a{padding:10px 20px}
.latest-works .works-filter a{margin-bottom:20px}
.navbar-default .navbar-toggle .icon-bar{background:#000}
.logos{padding:0 0 30px}
.fun-facts{padding:30px 0}
.team-members{padding:40px 0}
.about-us .right-side{height:auto;padding-bottom:20px}
.about-us .right-side .table{padding:30px 5px}
.services{padding:50px 0 10px}
.contact .container{padding-bottom:20px;padding-top:20px}
footer{padding:40px 0}
.contact [class*=col-]{float:left;width:100%}
ul.nav.navbar-nav li .dropdown-menu{background:0 0;display:block;padding-left:20px}
.navbar-default .navbar-nav{margin:0}
header nav#nav .nav.navbar-nav .dropdown-menu a{font-size:13px;padding:4px 0}
header nav#nav .nav.navbar-nav li a{padding:4px 0}
header nav#nav.fixed-nav .nav.navbar-nav li a{color:#000!important}
.navbar-default .navbar-collapse{background:#fff}
.services .no-padding{padding:0}
.inner-service h2{font-size:21px;line-height:26px}
.mobile-app-tabs{padding:30px 0 20px}
.wd-testimonial{padding:40px 0}
.site-map ul li{width:100%}
iframe#portfolio--slider{border:0 none;height:220px;}
.portfolio--slider{padding:0 0 40px;}
.web-inner .quality{padding:60px 0 20px;}
.sub-footer .pull-right,
.sub-footer .pull-left{float:left !important;width:100%;}
.sub-footer ul{float:none;text-align:center;}
.sub-footer h6{float:none !important;margin-top:25px;text-align:center;}
.sub-footer{padding:20px 0 40px;}
header nav.navbar .navbar-header{margin-top:38px;}
header nav.navbar.fixed-nav .navbar-header{margin-top:0;}
.header-topsocial li a{border-radius:7px;font-size:17px;height:30px;line-height:30px;width:30px;}
.header-topsocial{right:0;left:0;text-align:center;}
.services.mobile-app-development{background-image:none !important;}
.services.mobile-app-development.web-development-banner,
.services.mobile-app-development.mad-2{background-color:#333;margin:30px 0 0;padding-bottom:40px;}
.services.mobile-app-development.interneti-mrk-banner{background-color:#333;margin:20px 0 0;padding-bottom:30px;}
.services.mobile-app-development.mobile-app-dev{padding-bottom:30px;}
.services.mobile-app-development.mad-2{background:#333 none repeat scroll 0 0;}
.mobile-app-development .carcle-list>li{width:100%;}
.contact-info .map-form{padding:30px 0;position:unset;}
#g-recaptcha-1 iframe{transform:scale(0.9);-webkit-transform:scale(0.9);transform-origin:0 0;-webkit-transform-origin:0 0;}
#contact-map{height:220px !important;margin-bottom:30px;min-height:auto !important;width:100%;}
form .g-recaptcha{float:left;margin-top:10px;margin-bottom:0;}
header nav.navbar .navbar-brand > img {height: auto;max-width: 150px;}
}
@media (min-width:479px) and (max-width:767px){.latest-works.portfolio-work ul li.video{float:left;width:50%}
iframe#portfolio--slider{height:275px;}
}
@media (min-width:768px) and (max-width:991px){.mobile-app-tabs img{margin-top:70px}
.navbar-default .navbar-brand img{height:80px}
.services{padding:30px 0 0}
.latest-works.portfolio-work ul li.video{float:left;width:25%}
.site-map ul li{width:50%}
iframe#portfolio--slider{border:0 none;height:401px;}
iframe#portfolio--slider{height:403px;}
.hc-top-button .hc-li{cursor:pointer;display:inline-block;font-size:15px;font-weight:600;padding:12px 11px;}
.mobile-app-development{background-position:-570px bottom;}
}
@media (min-width:992px) and (max-width:1199px){iframe#portfolio--slider{height:505px;}
}
@media (min-width:1500px){.latest-works.portfolio-work ul li.video{float:left;width:16.66%}
.mobile-app-development{background-position:0 bottom;background-size:cover;}
}
.custom-captcha > span {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 25px;
  color: #eb5824;
}
.custom-captcha input {
  margin-bottom: 10px;
}

.contact-info .custom-captcha .captcha.captcha--empty {
  box-shadow: 0 0 9px #eb5824;
  background: #fff;
}
.contact-info .custom-captcha .captcha{
    float: none;
}
.custom-captcha > p {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 16px;
}
.thankyou-content {
  background: rgba(255, 255, 255, 0.55) none repeat scroll 0 0;
  margin: 0 auto;
  max-width: 600px;
  padding: 20px;
}
.thankyou-section h2 {
  color: #333;
  font-size: 50px;
  padding: 15px 10px;
}
.thankyou-content > p {
  color: #333;
}
.thankyou-content h3 {
  color: #eb5824;
}
.thankyou-content ul li{
  position: relative;
  color: #333;
}
.thankyou-content ul li:before{
    position: absolute;
    content: "";
    left: 0;
    top: 5px;
    width: 8px; 
    height: 8px;
    background: #eb5824;
    border-radius: 30px;
}
.thankyou-content ul li {
  color: #333;
  margin-bottom: 7px;
  padding-left: 19px;
  position: relative;
}
.thankyou-content > ul {
  margin-bottom: 30px;
}
.thankyou-content a {
  color: #eb5824;
}
@media(max-width:767px){
 .thankyou-section h2 {
   color: #333;
   font-size: 30px;
   padding: 15px 10px;
}
.contact-info form input[type="text"], .contact-info form input[type="email"], .contact-info form input[type="number"] {
  margin-bottom: 10px;
  width: 100%;
}
}
/*write by imm developer*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
input[type=number] {
   -moz-appearance: textfield;
}
.form-group.custom-captcha {
  max-height: 120px;
  overflow: hidden;
}
/*write by imm developer 30-1-18 header captcha code*/
#captcha-1 > span {
  color: #fff;
}
input.captcha {
  margin-bottom: 5px !important;
}
#contactForm-1 > button {
  margin-top: 10px;
}
.custom-captcha-1 > p {
  color: #eb5824;
  font-weight: 600;
  margin-bottom: 0px;
}
.custom-captcha-1 {
  height: 42px;
  overflow: hidden;
}
form#contactForm-1 .row {
  margin: 0;
}
@media (min-width:768px) and (max-width:991px){
.contact-info form input[type="text"], .contact-info form input[type="email"], .contact-info form input[type="number"] {
  margin-bottom: 10px;
  width: 100%;
}
}