.resp-tabs-list li { background: rgba(255,255,255,.39) none repeat scroll 0 0!important; border-radius: 50%;
 cursor: pointer;display: inline-block; font-size: 13px;  font-weight: 600; list-style: outside none none;}
.hi-icon{display:inline-block;font-size:0;cursor:pointer;margin:15px 30px;width:90px;height:90px;border-radius:50%;text-align:center;position:relative;z-index:1;color:#fff}.hi-icon:after{pointer-events:none;position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background:#fff;color:#fff}.hi-icon:before{font-family:'ecoicon';speak:none;font-size:48px;line-height:90px;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased}.hi-icon-effect-8 .hi-icon{background:rgba(255,255,255,.1);-webkit-transition:-webkit-transform ease-out .1s , background .2s;-moz-transition:-moz-transform ease-out .1s , background .2s;transition:transform ease-out .1s , background .2s}.hi-icon-effect-8 .hi-icon:after{top:0;left:0;padding:0;z-index:-1;box-shadow:0 0 0 2px rgba(255,255,255,.1);opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.hi-icon-effect-8 .hi-icon:hover{background:rgba(255,255,255,.05);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);color:#fff}.hi-icon-effect-8 .hi-icon:hover:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms infinite;-moz-animation:sonarEffect 1.3s ease-out 75ms infinite;animation:sonarEffect 1.3s ease-out 75ms infinite}.hi-icon-effect-8 .hi-icon.resp-tab-active:after{-webkit-animation:sonarEffect 1.3s ease-out 75ms infinite;-moz-animation:sonarEffect 1.3s ease-out 75ms infinite;animation:sonarEffect 1.3s ease-out 75ms infinite}@-webkit-keyframes sonarEffect {
0% {opacity: 0.3;}
40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);}
100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
-webkit-transform: scale(1.5);opacity: 0;}
}@-moz-keyframes sonarEffect {0% {opacity: 0.3;}
40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);}
100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	-moz-transform: scale(1.5);opacity: 0;}
}@keyframes sonarEffect {0% {opacity: 0.3;}
40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);}
100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
transform: scale(1.5);opacity: 0;}
}
/* 01. General CSS Starts*/
html{
    overflow-x:hidden;
}
body {
    font-family: 'Lato';
	position: relative;
    background: #fff;
    overflow-x: hidden;
}
.video-jarallax{
    background: #fff;
}
@media only screen and (max-width: 767px) {
	.modal-dialog { width:96% !important;}
}
.m0 {
    margin: 0px;
}
.mt0 {
    margin-top: 0px;
}
.mt15 {
    margin-top: 15px !important;
}
.mt30 {
    margin-top: 30px;
}
.mt20 {
    margin-top: 20px;
}
.mt40 {
    margin-top: 40px;
}
.mt-10{
    margin-top: -10px;
}
.mt50 {
    margin-top: 50px;
}
.mt60 {
    margin-top: 60px;
}
.mt110 {
    margin-top: 110px;
}
.mt80{
    margin-top: 80px;
}
.mb0 {
    margin-bottom: 0px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb50 {
    margin-bottom: 50px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb50 {
    margin-bottom: 50px;
}
.mr5 {
    margin-right: 5px;
}
.mr0 {
    margin-right: 0px;
}
.ml0 {
    margin-left: 0px;
}
.ml5 {
    margin-left: 5px;
}
.p0 {
    padding: 0px;
}
.pl0{
    padding-left: 0px;
}
.pt15 {
    padding-top: 15px;
}
.pt20 {
    padding-top: 20px;
}
.pt40 {
    padding-top: 40px;
}
.pl50 {
    padding-left: 50px;
}
p {
    line-height: 1.6;
    letter-spacing: 0;
    /*font-weight: 300;*/
    color: #222;
    font-size: 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #111;
}
h2 {
   font-size: 23px;
    line-height: 1.4;
    text-align: center;
    margin-top: 10px;
       padding-bottom: 36px;
    margin-bottom: 20px;
    /* margin-bottom: 20px; */
    font-weight: 500;
    color: #656277; text-transform:uppercase; position:relative;
	
}
h2:before{background: url('../images/sprites.png') no-repeat 0 -8px;width: 216px;height: 9px; position:absolute; left:0px;     bottom: 16px; margin:0 auto; right:0px; content:"";}
h3 {
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 10px;
}
.portfolio h2::before {
    background-position: -216px -8px;
}
a:hover,
a:focus {
    text-decoration: none;
    color: transperant;
    outline: none;
}
.read_more_link {   
    font-style: italic;
    color: #fd2020;
}
time{
    text-transform: uppercase;
    font-weight: 500;
}
ul {
    list-style-type: none; margin:0px; padding:0px;
}
.icon-color {
    color: #fd2020;
}
.op6 {
    opacity: 0.6;
}
.bolder{
	font-weight: 400;
}
/*General CSS Ends*/
/*Particles CSS Starts*/

#particles-js {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
/*Particles CSS Ends*/
/*way point css Starts*/

.os-animation {
/*    opacity: 0;*/
}
.os-animation.animated {
    opacity: 1;
}
/*way point css Ends*/
/*Background-Video/Background-image Upper-layer CSS Starts*/

.bg-opacity-layer {
    background: rgba(0, 0, 0, 0.98) none repeat scroll 0 0;
    opacity: 0.45;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
/*Background-Video/Background-image Upper-layer CSS Ends*/
.trans * {
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-ms-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
.trans2 * {
-webkit-transition-duration: .4s;
-moz-transition-duration: .4s;
-ms-transition-duration: .4s;
-o-transition-duration: .4s;
transition-duration: .4s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
#overlay { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); z-index: 1000; display: none; }

::selection {
background: #1a8fc4;
color: #fff;
text-shadow: none;
}

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

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
 display:none;
}

::-webkit-scrollbar-track-piece {
 background-color:#835795;
 -webkit-border-radius:0px;
 border-left:1px solid #888;
}

::-webkit-scrollbar-thumb:vertical {
 -webkit-border-radius:0px;
 background:#673b79;
}
#overlay { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); z-index: 1000; display: none; }

i.fa{ margin-right:4px;}
.header {background-color: rgba(255,255,255,1);position: fixed;z-index: 9;top: 0px;width: 100%;}
.upper_header{background:#1c192b;padding: 7px 0px 8px;}
.upper_header ul li a{ color:#fff}
.upper_header ul li{float:left;margin: 0px 15px;position:relative;}
.upper_header ul li a:hover i{ color:#e63e36;}
.upper_header ul li a:hover{ color:#f6a921;}
.upper_header ul li:before{content:"";position:absolute;left: -16px;top: -5px;height:30px;width: 2px;background:#353050;}
.bottom_header ul.pull-right{border: 1px solid #efefef;margin-top: 0;border-top:0;position:relative;z-index:5;}
.bottom_header ul.pull-right li{border-right: 1px solid #efefef;padding: 4px 15px;margin:0;}
.bottom_header ul.pull-right li a{color:#313131;}
.bottom_header ul.pull-right li.last{border:0;background:#4b5a8e;}
.bottom_header ul.pull-right li.last a{color:#fff;}
.logo{display:inline-block;margin: 0 0 0 20px;position:relative;top:-7px;}
.bottom_header {padding: 0 0px 0;/*box-shadow: 0px 0px 18px 1px #333;*/}
.bottom_header ul{ float:right !important;    margin-top: 8px;}
.bottom_header ul li{ float:left; margin-left:27px;
}
.bottom_header ul li a{font-size: 13px;color: #313131;font-weight: 400;}
.bottom_header ul li a:hover{ background:none; color:#0078ae}
/*.parallelogram { background: rgba(0,0,0,.7);}*/
.parallelogram h3{ font-size:34px; color:#fff;margin-bottom: 3px;font-weight:300; }
.parallelogram h3 strong{ display:block; font-size:57px;color:#57f314;}
.header_area{min-height:570px;margin-top: 37px;z-index: 1;}
.parallelogram p{color:#fff;margin:0px;padding-bottom: 30px;}
.parallelogram  a{color:#fff;background:#f24d4d;padding: 12px 30px;border-radius:5px;}
#sld3 .parallelogram{ background:none}
#sld3 .parallelogram h3 strong{ color:#59f311}
.package_area{ background:#ececec; position:relative; overflow:hidden; padding-bottom:30px;}
.package_area h2{ margin-top:47px;}
.osanimate{ position:absolute; left:0; top:0px; height:auto; max-width:100% }
.inner_package{ margin:0 80px 30px;}
.pbox{min-height: 575px; background:#fff; text-align:center;-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0,0.15); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0,0.15); box-shadow: 0px 0px 25px 0px rgba(0, 0, 0,0.15); position:relative; padding-bottom: 116px;}
.pbox h4{ background:#293709; color:#fff; padding:21px 0px 17px; font-size:24px; font-weight:700; position:relative}

.pbox h4 span:before{ position:absolute;   top: -16px; right: 18px; font-size:20px; color:#fff; display:none;}
.pbox .collapsed h4 span:before{ content:"\f067"; font-family: FontAwesome;}
.pbox  h4 span:before{ content:"\f068";font-family: FontAwesome;}


.pbox h4 span{ display:block; font-size:16px; font-weight:300; position:relative;    font: normal normal normal 14px/1;    text-rendering: auto; -webkit-font-smoothing: antialiased;padding-bottom: 10px;}
.pbox h4:after, .pbox h4:before,.small-pricing h4:before {top: 99%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.pbox h4:after {border-color: rgba(138, 197, 3, 0);border-top-color: #8ac503;border-width: 14px;margin-left: -14px;}
.pbox h4:before,.small-pricing h4:before {border-color: rgba(138, 197, 3, 0);border-top-color: #8ac503;border-width: 22px;margin-left: -22px;}
.pbox h5{ background:#fafafa;    color: #8ac503; font-size: 44px;font-weight: 900; margin: -10px 0px 10px; padding: 20px 0px 23px;}
.pbox h5 sub{ font-size:28px;    bottom: -2px;}
.pbox h5 sup{     font-size: 21px; font-weight: 400;  left: 5px; top: -11px; }
.pbox ul{ margin:30px 0px 20px;  }
.pbox ul li{ color:#959595; font-size:15px; padding:11px 0px 9px; border-bottom:1px solid #f8f8f8}
.pbox p{color:#c6c5c5;display:block;padding: 12px 11px 14px 18px;font-size:12px;text-align:left;line-height: 15px;}
.pbox p strong{display:block;margin: 4px 0px;color:#d42c0e;}
.pbox .btn_area{ position:absolute; bottom:0px; left:0px; width:100%; padding:25px 0px 30px; background:#fafafa;}
.pbox .btn_area a.btn{text-transform:uppercase;background:#8ac503;padding: 12px 39px 15px;border-radius:5px;color:#fff;font-size:14px;font-weight: 700;}
.pbox.second h4, .pbox.second .btn_area a.btn { background:#0c2424}
.pbox.second  h4:after, .price2 h4:after{border-top-color: #6b3f7d;} 
.pbox.second  h4:before, .price2 h4:before{border-top-color: #6b3f7d;} 
.pbox.second h5, .pbox.second p strong{ color:#6b3f7d}
.pbox.last h4, .pbox.last .btn_area a.btn { background:#310424}
.pbox.last  h4:after , .price3 h4:after{border-top-color: #ff6500;} 
.pbox.last  h4:before, .price3 h4:before{border-top-color: #ff6500;} 
.pbox.last h5, .pbox.last p strong{ color:#ff6500}
/*.pbox:hover{z-index: 2;-webkit-transition: all 400ms ease-in;-webkit-transform: scale(1.2); -ms-transition: all 400ms ease-in;-ms-transform: scale(1.2); -moz-transition: all 400ms ease-in;-moz-transform: scale(1.2);transition: all 400ms ease-in;transform: scale(1.2);}*/
.clear{ clear:both}
.arw{background:#5b3184;padding: 33px 0px 20px; position:relative;}
.arw h5{ font-size:42px; color:#fff; text-align:right; font-weight:700; position:relative}
.arw h5 span{  display:block !important; font-weight:300 !important; font-size:20px !important; color:#fff !important;}
.arw h5:before{position:absolute;right: -41px;top: -5px;height:90px;border:1px solid #6d3b9e;content:"";}
.arw h3{ font-size:75px; color:#a1e800; text-align:left; margin:0px 0px 0px 50px; font-weight:900}
.arw h3 sup{ font-size:35px;    top: -1.5em;}
.arw:after, .arw:before{top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.arw:after{border-color: rgba(91, 49, 132, 0);border-top-color: #5b3184;border-width: 9px;margin-left: -9px;}
.arw:before{border-color: rgba(91, 49, 132, 0);border-top-color: #5b3184;border-width: 12px;margin-left: -12px;}
.whtbg{ background:#fff;    padding: 21px 0px;    margin-bottom: 100px;}
a.btn.pnk{ background:#4b5a8e; color:#fff; border-radius:5px; font-size:13px;}
a.btn.pnk:hover{ background:#d04931; color:#fff;}
.whtbg .p200{ margin-top:30px; margin-bottom:30px; padding:0px 20px;}
.whtbg .p200 h4{ font-size:15px; color:#494949; font-weight:600}
.whtbg .p200 ul li{ border-top:#efefef 1px solid; padding:4px 0px; font-size:14px; color:#7d7d7d}
.whtbg .p200 ul li i, .freepckg ul li i, .freepckg ul li strong{ color:#4b5a8e; }
.freepckg{ background:#f9f9f9; padding:20px 40px 20px 0; margin:30px;}
.freepckg ul li { color:#7c7c7c; border-bottom:#f0f0f0 1px solid;    padding: 6px 0px;}
.freepckg ul li span{ display:block; color:#b1b1b1; font-size:11px; font-style:italic}

/*about-us*/
.about-our-services{background:url(../images/about-us-services-bg.jpg) no-repeat;background-size:cover;padding: 70px 0;}
.about-our-services h2{color:#fff;}
.about-our-services p{color:#fff;text-align:center;}
.service-box{background: #fff none repeat scroll 0 0;text-align: center;position:relative;padding:35px 0;margin-top:30px;transition: all 0.3s ease 0s;}
.service-box:hover{background: #f6a924 none repeat scroll 0 0;}
.service-box a{color:#000;}
.service-box:hover h5 a{color: #fff;}
.service-box:hover span{transform: scale(1.2);transition: all 0.3s ease 0s;}
.service-box span.one , .service-box span.two , .service-box span.three , .service-box span.four , .service-box span.five {background: rgba(0, 0, 0, 0) url("../images/sprites.png") no-repeat scroll 0 -417px;bottom: 0;content: "";height: 70px;left: 0;margin: 0 auto; position: absolute;right: 0;top: 25px;width: 70px;}
.service-box > h5{margin: 80px 0 0;}
.service-box span.two{background:url(../images/sprites.png) no-repeat 0 -499px;width:75px;}
.service-box span.three{background:url(../images/sprites.png) no-repeat 0 -652px;width:76px;}
.service-box span.four{background:url(../images/sprites.png) no-repeat 0 -574px;}
.service-box span.five{background:url(../images/sprites.png) no-repeat -2px -729px;}
.about-us .pad300{padding:0 188px;}
.page.about-us .cont p{text-align:left;line-height:28px;margin-top:125px;font-size: 18px;}
.page.about-us .our-belief{padding:90px 0;}
.our-belief p{color:#6A6A6A;line-height: 20px;margin-top:140px;}
.page.our-portfolio .header_area {min-height: 544px;}
.page.our-portfolio .tabs img {width: 100%;}
.web-dev-tab-left{margin: 80px 0 0;}
.web-dev-tab-left img{margin: 10px 0 0 !important;height:41px;width:auto !important;}
.web-dev-tab-left h3{color: #656277;font-size: 35px;line-height: 35px;margin-bottom: 15px;}
.row.tab-border-bottom{border-bottom: 1px solid #e5e5e5;}
#webdev img{margin-top: 50px;}
.web-dev-tab-left span{color:#e81d25;}
.web-dev-tab-left.all-center{text-align: center;}
.web-dev-tab-left.margin-top-none{margin-top: 51px;}
.page.about-us .cont{padding-bottom: 150px;}
.ab{position: relative;}
#webdev .bg{padding: 70px 0 50px 0}
#webdev .bg img{margin: 0;width: auto;}
#webdev .bg .container{margin-bottom: 0}
#webdev .bg ul li{
    float: left;
    margin-right: 20px;
    height: 128px;
    display: table;
    margin-bottom: 0;
}
#webdev .bg ul li.last{width: 320px;}
#webdev .bg ul li img{width: auto;}
#webdev .bg ul li h1{
    color: #fff;
    font-weight: 700;
    font-size: 40px;
    text-transform: uppercase;
    margin-top: 0;
    display: table-cell;
    vertical-align: middle;
}
#webdev .bg p{font-size: 22px;color: #fff;line-height: 28px;}
#webdev .bg span{display: table;color: #fff;margin: 5px;font-size: 22px;}
#webdev .bg span i{margin-right: 10px;}
#webdev .bg a.btn{margin-top: 20px;}

.page.our-portfolio .lp-portfolio{padding: 0;}

/*video animation*/
.video-an-box > span {border: 3px solid #fff;border-radius: 50%;color: #fff;font-size: 24px;height: 60px;left: 0;margin: 0 auto;position: absolute;right: 0;text-align: center;width: 60px;}
.main_cta{ background:#171348; padding:15px 0;}
.main_cta h6{ color:#fff; font-size:21px; text-transform:uppercase; }
.main_cta h6 span{ display:block; color:#8a8897; font-size:13px;     line-height: 32px; text-transform:capitalize;}
.p200{ padding:0px 110px;}
a.btn{border: 1px solid #fff;border-radius: 4px;color: #fff;padding: 16px 10px;min-width:180px; margin-right: 14px;margin-top: 11px; text-transform:uppercase;}
a.btn:hover{ background:#fff; color:#959595}
a.btn.price{ background:#4b5a8e; border:1px solid #4b5a8e}
.btn.price.cust{width:200px;}
.btn.price.cust:hover{color:#fff;border-color:#3C3852;background:#3C3852;}
a.btn.price:hover{ background:none; color:#fff;}
.portfolio{ min-height:740px;}
.portfolio h2{ color:#fff; margin-top:60px;margin-bottom: 0;}
.portfolio h3{ color:#fff; font-size:40px; text-align:center; font-weight:300; margin-bottom:20px;margin-top:0;letter-spacing: 0;}
.portfolio .nav-tabs{ border:none;margin-top:40px;}
.portfolio .nav-tabs>li{display:block;float:none;position:relative;}
.portfolio .nav-tabs>li a{color:#fff;font-size:15px;padding: 14px 10px 13px 47px;border-radius:0px;border-bottom:1px solid #fff;position:relative;}
.portfolio .nav-tabs>li i{font-size:24px;margin-right:20px;color:#fff;position:absolute;left: 9px;top: 13px;z-index: 2;}
.portfolio .nav-tabs>li.active>a, .portfolio .nav-tabs>li.active>a:focus, .portfolio .nav-tabs>li.active>a:hover, .portfolio .nav-tabs>li>a:hover{ color:#a73085;  background:#fff}
.portfolio .nav-tabs>li:hover i, .portfolio .nav-tabs>li.active i, .portfolio .nav-tabs>li a:hover i, .portfolio .nav-tabs>li a i:hover{ color:#a73085; }
.portfolio h5{color:#fff;font-size:16px;position:relative;line-height: 25px;}
.portfolio h5:before{position:absolute;height:2px;width:20%;background:#fff;left:0px;bottom: -5px;content:"";}
.portfolio h5 span {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    margin-bottom: 5px !important;
}
.portfolio h5 span{ font-size:24px; display:block}
.portfolio p{color:#fff;font-size:14px;padding-top:25px;line-height: 20px;}
.portfolio p a{color: #fff;text-decoration: underline;}
.portfolio .nav-tabs li.active a:before, .portfolio .nav-tabs li a:hover:before {left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.portfolio .nav-tabs li.active a:after, .portfolio .nav-tabs li a:hover:after {border-color: rgba(255, 255, 255, 0);
border-left-color: #fff;border-width: 4px;margin-top: -4px;}
.portfolio .nav-tabs li.active a:before, .portfolio .nav-tabs li a:hover:before {border-color: rgba(255, 255, 255, 0);border-left-color: #fff;border-width: 10px;margin-top: -10px;}
.portfolio a.btn.price{ background:#fff; border:1px solid #fff; color:#a73085}
/*.portfolio a.btn{     padding: 16px 77px;}*/
.mid_cta {
    background-repeat: no-repeat;
    background: url(../images/mid-cta.jpg);
    min-height: 143px;
    padding-top: 32px;
    background-position: center center;
    background-size: cover;
}
.mid_cta a{font-size:18px;padding-left: 0; text-transform: lowercase;  text-align:center;  margin-right: 35px;}
.mid_cta a i{font-size: 26px;}
.mid_cta a:hover i{ color:#ad83be}
.about_section{ padding:50px 0px; background:/*url(../images/aboutbg.jpg) no-repeat*/#F9F9F9; background-size:cover;text-align:center;} 
.about_section h6{ text-align:center; font-weight:600; margin:20px 0px 20px; font-size:20px;text-transform: capitalize;}
.about_section p{ color:#505050; font-size:14px; margin-bottom:35px; display:block; text-align:center;font-weight:500;}
.about_section p a{color:#505050;text-decoration: underline;}
.about_section ul li{ display:block; text-align:right;margin-bottom: 37px;color:#505050; font-size:14px;}
.about_section ul li strong{ font-weight:700; display:block;margin-bottom: 14px;margin-bottom:22px; color:#656277; font-size:16px;}
.about_section ul li strong i{color: #6b3f7d;font-size: 22px;margin-left: 7px;font-weight: 700;}
 .about_section ul{margin-top:64px;}
.about_section  img {margin-left: -25px;}
.blog_area{ min-height:880px; padding:50px 0px;}
.blog_area h2{ color:#fff;}
.no-gutter > [class*='col-'] {  padding-right:0; padding-left:0;}
.bl_item{ background-size:cover; height:340px; text-align:center; position:relative; } 
.bl_item h4{color:#fff; font-weight:700; font-size:31px;}
.bl_item  p{ font-size:19px; color:#f4f4f7; font-weight:300;padding: 0 10px;}
.bl_item span.time{position:absolute;font-size:21px;background:#322d68;top:0px;right:0px;padding-top: 5px;width:60px;height:52px;text-align:center;color:#908dad;text-transform:uppercase;line-height: 21px;}
 /* .bl_item { -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  
  background-position: center;
  background-repeat: no-repeat;
  position: relative;}
  
  .bl_item:hover {
  background-size: 110% !important;
}*/
.bl_item span.time i{ display:block; font-style:normal;    font-size: 14px;}
.display-cell{ display: table-cell;vertical-align: middle; float: none;}
.display-table{  display: table; table-layout: fixed;}
.contact_home{ min-height:580px; padding-top:50px;}
.contact_home h2{ margin:0px; color:#fff}
.cont_testi{background:#f9f9f9;margin:0 0 -18px 0;}
.conform{ float:right; width:80%;    margin-right: 5%;}
.field {position:relative;border:1px solid #ccc;border-radius:4px;padding: 11px 10px 16px 31px;margin-bottom:18px;}
 .field.code{ width:24%; float:left; margin-right:10px;padding: 11px 3px 16px 10px;}
.field.number{ width:72%; float:left}
.conform .field input[type="text"], .conform .field input[type="email"],.conform .field select, .conform .field textarea{ background:none; border:none; outline:none; width:100%; color:#fff;overflow:hidden;}
.conform .field select option{ color:#333}
.field i{position:absolute;top: 16px;left: 12px;color:#9da6ac;font-size: 15px;}
.conform .field textarea{  height:165px;}
 input[type="submit"]{ background:#4b5a8e; font-size:13px; padding:18px 72px 18px 72px; color:#fff; font-size:14px; border:none; outline:none; float:right; border-radius:5px;text-transform:uppercase;}
.testi_area{  padding-top:18px;margin-left: 30px;min-height: 598px; width:80%; float:left; position:relative}
.testi_area .item h4{ color:#656277; font-size:16px; text-transform:uppercase; display:block; text-align:center; font-weight:700}
.testi_area .item h5{ color:#999999; font-size:13px; text-align:center; display:block; font-style:italic}
.testi_area .item p{ border:1px solid #ececec; background:#fff; padding:35px 40px 80px 40px;    margin: 40px 80px 0px; color:#999999; font-size:15px; text-align:center; position:relative;} 
.testi_area   .owl-dots{ text-align:center;}
.testi_area   .owl-dots .owl-dot+.owl-dot, .testi_area .owl-dots .owl-dot{ border-color:#d8d8d8; background:#d8d8d8}
.testi_area  .owl-dots .owl-dot.active{ background:#656277; border-color:#656277;}
.testi_area .item p i.fa{position:absolute;border-radius:100%;background:#4b5a8e;color:#fff;font-size:20px;bottom: -24px;left:0px;right:0px;margin:0 auto;width: 51px;padding: 14px 0px;border-radius: 100%;}
.testi_area .item p:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.testi_area .item p:after {border-color: rgba(0, 0, 0, 0);border-bottom-color: #000;border-width: 16px;margin-left: -16px;}
.testi_area .item p:before {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 22px;margin-left: -22px;}
.testi_area  .owl-carousel .owl-item{ padding-bottom:28px;} 
.works{ padding:50px 0px;}
.resp-tabs-list { margin-top:50px;margin-left: 70px;}
.resp-tabs-list li {position:relative;border: 9px solid #ff99b2;border-radius:100%;padding: 11px;height:120px;width:120px; }
.resp-tabs-list li:before{position:absolute;border:3px solid #4b5a8e;border-radius:100%;width: 92px;height: 91px;content:"";top: 5px;left: 5px;opacity:0.8;}
.resp-tabs-list li span{color:#4b5a8e;font-size:18px;text-transform:uppercase;margin-top: -67px;    font-weight: 500;  display:list-item}


.resp-tabs-list li span:before{background: url('../images/sprites.png') no-repeat -2px -38px;width: 44px;height: 44px;
position:absolute; left:0px; margin:0px auto;	left:0px;top: 26px;right:0px;content:"";}


.testi_area h2{ margin-bottom:0px;}

.resp-tabs-list li span i.fa:after{  content: ""; width: 0px; height: 40px;  border:6px solid #ff99b2; position: absolute; bottom: 14px; left: 0px; right: 0px; margin: 0 auto; z-index:0;} 
.resp-tabs-list li span i.fa:before{ position:relative; z-index:1}
.resp-tabs-list li span i.fa{position: absolute;bottom: -62px;left: 0px;right: 0px;margin: 0 auto;display:none}  
.resp-tabs-list li.resp-tab-active span i.fa{ display:block}
.resp-tabs-list li.two, .resp-tabs-list li.two span i.fa:after{ border-color:#d97fff}  
.resp-tabs-list li.two:before{  border-color:#b400ff}
.resp-tabs-list li.two  span{ color:#b400ff;}
.resp-tabs-list li.two span:before{background-position:0 -97px;width: 65px;height: 44px;}
.resp-tabs-list li.three, .resp-tabs-list li.three span i.fa:after{ border-color:#c4e281}  
.resp-tabs-list li.three:before{  border-color:#8ac503}
.resp-tabs-list li.three  span{ color:#8ac503;}
.resp-tabs-list li.three span:before{ background-position: -1px -160px;width: 54px;height: 54px;}  
.resp-tabs-list li.four, .resp-tabs-list li.four span i.fa:after{ border-color:#89c4de}  
.resp-tabs-list li.four:before{  border-color:#1a8fc4}
.resp-tabs-list li.four  span{ color:#1a8fc4;margin-left:-20px;}
.resp-tabs-list li.four span:before{background-position: -2px -231px;width: 63px;height: 51px;/* left: 37px; */} 
.resp-tabs-list li.five, .resp-tabs-list li.five span i.fa:after{ border-color:#ecadab}  
.resp-tabs-list li.five:before{  border-color:#d85855}
.resp-tabs-list li.five  span{ color:#d85855;}
.resp-tabs-list li.five span:before{ background-position: -2px -293px;width: 56px;height: 49px;}  
.resp-tabs-list li.six, .resp-tabs-list li.six span i.fa:after{ border-color:#b0e3c9}  
.resp-tabs-list li.six:before{  border-color:#1baf63}
.resp-tabs-list li.six  span{ color:#1baf63;}
.resp-tabs-list li.six span:before{ background-position:  0 -356px;width: 57px;height: 44px;}   
.works_slide{ position:relative; margin-top:90px; margin-left:70px; }
.works_slide  h5{ color:#4b5a8e; font-size:24px; display:block}
.works_slide  p{color:#000;font-size: 14px;line-height: 17px;text-align: left;margin-top: 20px;letter-spacing:0;}
.works_slide .owl-theme .owl-controls .owl-nav div { background:none; color:#ccc; font-size:0px;}
.works_slide .owl-theme .owl-controls .owl-nav div.owl-prev::before, .works_slide .owl-theme .owl-controls .owl-nav  div.owl-next::before{ font-size:120px;}
.works_slide .owl-theme .owl-controls{ position: absolute; top: 0px;   width: 100%;}
.works_slide  .owl-prev{ position:absolute;    left: -105px;
top: -20px;} 
.works_slide  .owl-next{ position:absolute;     right: -60px; top: -20px;}   
.out_tab{ position:relative; margin-top:40px;height:380px;}
.out_tab .inner_tab{ position:absolute; left:0px; top:-46px; display:none; width:100%; text-align:center; } 
.out_tab .inner_tab img{ display:inline} 
.works .owl-dots{ display:none !important}



label.error{ display:none !important}
.field.error{ border-color:#E95154 !important}


.thpop {
    background: #fff;
    left: 0;
    margin: 0 auto;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 5%;
    width: 500px;
    z-index: 999;
}
.thpop p {
    color: #4a4a4a;
    word-wrap: break-word;
}
.thpop p span a {
    color: #E95154;
    font-style: normal;
    font-weight: 500;
}
.thpop a.close {
    color: #ccc;
    opacity: 1;
    text-shadow: none;
    width: 25px;
    text-align: center;
	height:25px;
	position:absolute;
	right:10px;
	top:10px;
}
.thpop p i {
    color: #fff;
}

.footer{ border-top:9px solid #09b8ca; background:#093f46; padding:40px 0px;} 
.footer .frow{ position:relative;}
.footer .frow:before{ position:absolute; height:2px; width:100%; background:#613849; content:""; left:0px; top:66px;}
.footer h5{ color:#bcc0c9; font-size:16px; font-weight:700; padding-bottom:30px; display:block; margin-bottom: 33px;}
.footer .mn_desc p{ color:#979aa4; font-size:14px; line-height:25px; margin-top:45px;}
.footer .mn_desc p span{display:block;background:#2b2538;padding: 9px 11px 10px;margin-top: 16px;} 
.footer ul li i{ color:#573667;margin-right: 7px;}
.footer ul li  a{ color:#c1c7cf; font-size:13px;}  
.footer ul li  a:hover{ color:#4b5a8e ;}
.footer ul li{   color:#c1c7cf;  margin-bottom: 7px;} 
.footer ul.blg li{ border-bottom:2px solid #3b3549; padding-bottom:6px;    margin-bottom: 17px;}  
.footer ul.blg li span{ color:#796e91; float:right}
.footer ul.ct li li i{ color:#6b3f7d}
.social_footer a{    font-size: 33px; margin-right: 8px;}
.social_footer a i.fa-facebook-square{ color:#3c5b9a}
.social_footer a i.fa-google-plus-square{ color:#f63e28}
.social_footer a i.fa-youtube{ color:#fd2724}
.social_footer a i.fa-twitter-square{ color:#2da9e1}
.social_footer a i.fa-linkedin-square{ color:#0172b1}
.social_footer a i.fa.fa-pinterest-square{color:#ad081b}
.social_footer i.fa.fa-instagram{color:#ccc}
.disclaimer{ background:#01161c; padding:12px 0px;}  
.disclaimer a { color:#443d54; font-size:13px; margin-right:10px;text-transform:capitalize;}
.header_area h1{ color:#fff; font-weight:300; font-size:28px;}
.header_area h1 span{ font-weight:400; }
.header_area #business h4, .header_area #copywriting h4{ font-size:41px; color:#4b4c4c; text-transform:capitalize; font-weight:700;    line-height: 54px !important;}
.header_area #business h4  span, .header_area #copywriting h4  span{ display:block; color:#ff9c00; font-size:71px;}

.header_area #copywriting h4  span{ }
.header_area #copywriting h4 { text-align:center; color:#fff}

 .header_area #copywriting a.rmore { padding: 12px 19px 14px !important;}

.page .header_area h1{  margin-top:165px; margin-bottom:30px;}
.page .header_area ul { width:500px;}
.page.logo-design .header_area ul { width:860px;}
.page .header_area ul li{color:#fff;font-size:17px;font-weight:300;margin-top:10px;float:left;margin-right:30px;width: 184px;}
.page.logo-design .header_area ul li{width: 315px;}
.page .header_area ul li i,  .page .tab-content ul li i{ color:#4b5a8e; font-size:13px;}
.page .header_area  a.btn{ display:inline-block; margin-top:40px; background:#000; color:#fff;transition: all 0.3s ease 0s; }
.page .header_area a.btn:hover {
    background: #f52c3a none repeat scroll 0 0;
    color: #fff;
}
.header_area p {
    color: #fff;
}
.page .tab-content{ margin-top:45px;} 
.page .tab-content h5{ color:#4b5a8e; font-size:30px; font-weight:700; line-height:29px;margin:0;}
.page .tab-content h5 span{ display:block; color:#7d7d7d; font-size:15px;} 
.page .tab-content p{ font-size:15px; text-align:left; padding:14px 0px;letter-spacing: 0;} 
.cont{ margin:50px 0px;}
.cont p{ font-size:18px; color:#898989; text-align:center; padding:20px 0px;}
.cont .nav-tabs>li>a{ border:none}
.cont .nav-tabs{ border:none;    margin-top: 0; text-align: center;}
.cont .nav-tabs>li{float: none; display: inline-block;margin: 10px 0;}
.cont .nav-tabs>li>a {border:1px solid #1f2846;margin:0px 10px;border-radius:4px;color:#656277;padding: 10px 38px;background:#fff;box-shadow: 1px 1px 6px 1px #ccc;font-size: 12px; text-transform: uppercase;}
.cont .nav-tabs>li>a:hover, .cont .nav-tabs>li.active>a{ background:#4b5a8e; color:#fff;} 
.page .tab-content ul li{ color:#7d7d7d; font-size:16px; margin-bottom:5px; font-weight:300}
.page .tab-content   a.btn.pnk{padding: 20px 35px 18px;}
#some_facts{ height:400px;} 
.mob-circle
 {
	 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#23c5fa+0,2ecef2+29,40dbe6+50,47e1e1+100 */
background: #23c5fa; /* Old browsers */
background: -moz-linear-gradient(135deg, #053848 0%,#2ecef2 29%,#117c84 50%,#021a1a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(135deg, #053848 0%,#2ecef2 29%,#117c84 50%,#021a1a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #053848 0%,#2ecef2 29%,#117c84 50%,#021a1a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23c5fa', endColorstr='#47e1e1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border-radius:100%; width:140px; height:140px;position: relative;margin:0 auto;color:#fff;cursor:pointer;
 }
 .mob-circle:before{position:absolute;border:10px solid #b2ebfd;left: -15px;top: -15px;width: 171px;height: 171px;border-radius:100%;content:"";}
.mob-circle:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4477e+0,ba467e+48,96437e+69,7d407d+100 */
background: #c4477e; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #053848 0%, #ba467e 48%, #96437e 69%, #7d407d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #053848 0%,#ba467e 48%,#96437e 69%,#7d407d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #053848 0%,#ba467e 48%,#96437e 69%,#7d407d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4477e', endColorstr='#7d407d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
} 
.mob-circle:hover:before{border:10px solid #f2c8d8;}
.mob-circle-bottom-text{color: #7d7d7d;font-size: 14px;line-height: 17px;margin: 30px auto 0;text-align: center;width: 165px;}
.promoted {height: auto !important;padding: 0 0 50px;}
.promoted-categories{border: 20px solid #f6f6f6;border-radius: 5px;margin: 14px 0 0;padding: 30px;}
.promoted-categories p i{color:#4b5a8e;}
.logo-design
{background:url(../images/logo-design-bg.jpg);background-size:cover;}
.logo-design h3{color: #fff;font-size: 24px;text-transform: uppercase;}
.logo-design-left > p {color: #fff;width: 80%;}

.logo-design-left {margin: 200px 0 0;}
.logo-design .owl-controls {left: 400px;position: absolute;top: 180px;}
.logo-design .owl-prev , .logo-design .owl-next {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;padding:0 !important;margin:0 !important;}
.copy-writing section.header_area h1 {font-size: 24px;line-height: 34px;}
.page.copy-writing section.header_area ul li {font-size: 17px;width:350px;}
.page.copy-writing .our-portfolio{background:url(../images/logo-design-bg.jpg) no-repeat;background-size:cover;padding-bottom:80px;}
.page.copy-writing .our-portfolio h2 {color: #fff;}
#copy .owl-dot {background-color: transparent !important;background-size: cover;border: 0 none !important;border-radius: 0;height: 100px !important;width: 150px !important;margin-top: 30px; position:relative;}
#copy .owl-dot:before{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.5);content:"";font-size: 23px;color:#fff;left: 0px;top: 0px;padding-top: 41px;}
#copy .owl-dot:hover:before, #copy .owl-dot.active:before{ display:none !important; }
#copy .owl-dot:hover , #copy .owl-dot.active{ top:-10px;}
.page.copy-writing .our-portfolio .slide-cont .owl-controls {text-align: center;}
.page.copy-writing .our-portfolio .slide-cont .owl-stage-outer {height: 100%;margin: 0 auto;width: 819px;}
/*.page.copy-writing .our-portfolio .slide-cont .owl-item div{width: 819px;}*/
.slide-cont-buttons {margin: 20px 0 0;text-align: center;}
.slide-cont-buttons a {padding: 18px 0;width: 215px;}
.sub-nav{position: absolute;top: 47px;width: 809px;height: 314px;display:none;z-index:999;}
.sub-nav.two {left: -119px;}
.sub-nav li.first{margin: 30px 0 0 10px;}
.sub-nav li{margin: 0 0 0 17px;width: 240px;float: none !important;}
.sub-nav li a{padding: 12px 0 12px 12px;display:block;transition:all .3s ease;}
.sub-nav li a:hover{background: #f6f6f6 !important;color: #f52c3a !important;padding-left: 20px;}
.bottom_header .nav > li > a{padding: 10px 0 26px 5px !important;}
.nav li:hover .sub-nav{display: block;}
.page.b2b .portfolio_area .owl-prev{background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;position: absolute;top: 250px !important;}
.page.b2b .portfolio_area .owl-next {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;position: absolute;right: 0;top: 250px;}
.page.b2b .portfolio_area .owl-theme .owl-controls .owl-nav div.owl-next::before , .page.b2b .portfolio_area .owl-theme .owl-controls .owl-nav div.owl-prev::before{font-size:70px;}
.page.ecommerce .portfolio_area .item h3{color: #fff;font-size: 30px;text-align: center;}
.page.ecommerce .portfolio_area .item p{color: #fff;font-size: 16px;line-height: 30px;text-align: center;}
.page.b2b.ecommerce .portfolio_area .owl-prev{left:-80px;}
.page.b2b.ecommerce .portfolio_area .owl-next{right:-80px;}

  
  a.rmore{ background:#4b5a8e; padding: 17px 28px 20px !important; color:#fff; font-size:14px; text-transform:uppercase; border-radius:5px; border:1px solid #4b5a8e;}

  

 .myFormTheme{display: none; position:fixed; top:-50px; left:0px;
right:0px; margin:0 auto; z-index:99999;/*outline:none;*/} 
  .myFormTheme h4 { position: relative; font-size: 35px; color: #4a4a4a; font-family: 'Roboto'; font-weight: 300; text-transform: uppercase; text-align: center; margin: 30px auto 35px; padding-bottom: 40px; background: url(../images/headingbotimg.html) no-repeat bottom center; overflow: hidden; }
.myFormTheme h4:before { width: 50%; height: 1px; content: ''; background: #d7d7d7; left: -7%; position: absolute; bottom: 9px; padding: 0 20px; }
.myFormTheme h4:after { width: 50%; height: 1px; content: ''; background: #d7d7d7; right: -7%; position: absolute; bottom: 9px; padding: 0 20px; }
.myFormTheme .modal-header { border-bottom: 0; }
.myFormTheme .modal-content { border-radius: 0; width: 670px; }
.myFormTheme .modal-dialog { margin-top: 100px; }
.myFormTheme label { font-weight: 400; color: #4a4a4a; font-size: 14px; }
.myFormTheme .tagline { color: #4a4a4a; font-size: 16px; }
.myFormTheme .form-control { border: 1px solid #d8d8d8; height: auto; display: inline-block; width: 90%; padding: 13px 50px 13px 15px; }
.myFormTheme .form-control:focus { box-shadow: none; border-color: #b9dafc; }
.myFormTheme .modal-body { position: relative; padding: 15px 25px 30px; }
.myFormTheme .modal-body label { margin-top: 14px; }
.myFormTheme .modal-body .required { color: #FF0004; display: inline-block; text-align: center; padding: 0 15px; }
.myFormTheme .modal-body .row { margin-bottom: 20px; }
.myFormTheme .phoneinfo { color: #b6b6b6; font-size: 13px; padding: 5px 0 0 0; width: 87%; }
.myFormTheme .btn { color: #ffffff; font-size: 16px; text-transform: uppercase; font-family: 'Roboto'; font-weight: 300; background: #ff5454; border: 0; border-radius: 2px; padding: 17px 25px; min-width: 295px; margin-top: 15px; }
.myFormTheme .existing { color: #4a4a4a; font-size: 14px; margin-top: 40px; }
.myFormTheme .existing a { color: #2f8def; font-size: 14px; text-decoration: underline; }
.myFormTheme .phoneblock { border: 1px solid #d8d8d8; height: auto; display: inline-block; width: 90%; padding: 0; border-radius: 4px; }
.myFormTheme .phoneblock input[type=tel] { outline: none; border: 0; padding: 14px 15px; margin-left: 50px; width: 83%; }
.myFormTheme .phoneblock:hover { border-color: #b9dafc; }
.myFormTheme .icon-fullname { background: url(../images/icon-avtar.html) no-repeat 95% center; }
.myFormTheme .icon-email { background: url(../images/icon-email.html) no-repeat 95% center; }
.myFormTheme .phoneblock { background: url(../images/icon-mob.html) no-repeat 95% center; }
.myFormTheme .intl-tel-input { width: 85%; }
.myFormTheme .intl-tel-input .flag-container:hover .selected-flag { background: none; }
.myFormTheme .intl-tel-input .selected-flag { padding: 0 0 0 14px; }
.myFormTheme .intl-tel-input .selected-flag:focus { outline: none; }
.myFormTheme .intl-tel-input .selected-flag .arrow { background: url(../images/downarrow.html) no-repeat 0 0; border: 0; width: 12px; height: 7px; right: -12px; }
 
  
/* 09. Counter CSS Starts*/

#circle1 strong,
#circle2 strong,
#circle3 strong,
#circle4 strong {
    font-size: 35px;
    left: 2px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 32px;
    width: 100%;
}
.circle-txt {
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 75px;
    width: 100%;
    opacity: 1;
    text-transform: uppercase;
}
.mob-circle:hover .btn {
    background: transparent;
}
.circle-user {
    border: 3px solid #fd2020;
    border-radius: 50%;
    padding-top: 30px;
    font-size: 25px;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    color: #fd2020;
}
.circle-user i {
    position: relative;
    bottom: -90px;
    border-radius: 30px;
    background: #fd2020;
    color: #fff;
    padding: 8px 0;
    height: 40px;
    width: 40px;
}
#circle1 h6 , #circle2 h6 , #circle3 h6 , #circle4 h6 {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}
/*Counter CSS Ends*/
/* 10. Why_Us CSS Starts*/

.choose_phone {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.choose_phone .phone1 {
    z-index: 1;
    position: relative;
}
.choose_phone .phone2 {
    position: absolute;
    top: 2em;
    right: 8.3em;
    height: 90%;
}
.valign-wrapper {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.amazing-feature-text {
    font-size: 14px;
    line-height: 1.55556em;
    list-style-type: none;
    margin-bottom: 15px;
    min-height: 1.55556em;
    padding-left: 2.11111em;
    position: relative;
}
.amazing-feature-text .fa {
    font-size: 1.33333em;
    left: 0;
    line-height: 1.16667em;
    position: absolute;
    top: 2px;
}

#owl-demo3 .owl-item img{ width:auto}
/*Why_Us CSS Ends*/
/* 11. Screen shots CSS Starts*/

.owl-main-section {
    position: relative;
}
.owl-dots .owl-dot{
    display: inline-block;
    width: 13px;
    height: 13px;
    line-height: 13px;
    text-align: center;
    border: 1px solid #10cfbd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: .3s all ease;
    -o-transition: .3s all ease;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;

}
.owl-dots .owl-dot+.owl-dot {
    margin-left: 12px;
}
#screenshots h2{
    margin: 0;
}
.screenshot img {
    width: 100%;
}
.ss-phone > img {
    display: block;
    left: 50%;
    position: absolute;
    top: -24px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 26%;
    z-index: 2;
}
.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: left;
}
.screenshot .owl-theme .owl-controls{
    margin-top: 100px;
    text-align: center;
}

#tweet .owl-theme .owl-controls,
#client .owl-theme .owl-controls {
    margin-top: 30px;
    position: relative;
    text-align: center;
    z-index: 9;
}
#tweet .owl-carousel .owl-item img{
    display: inline-block;
    width: auto;
    border-radius: 50%;
}
.owl-theme .owl-controls .owl-nav div {
    background: #fd2020;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 0;
    height: 50px;
    margin: 5px;
    opacity: 0.5;
    padding: 7px 20px;
    width: 50px;
}
.owl-dots .owl-dot.active,
.owl-dots .owl-dot:hover {
    background: #fd2020;
    border-color: #fd2020;
}
.owl-dots .owl-dot+.owl-dot,
.owl-dots .owl-dot {
    border-color: #fd2020;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    opacity: 1;
    text-decoration: none;
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 20px;
    display: block;
    height: 15px;
    margin: 5px 3px;
    opacity: 0.5;
    width: 15px;
}
.screenshot .owl-theme .owl-controls .owl-page span {
    border: 1px solid #10cfbd;
}
.screenshot .owl-theme .owl-controls .owl-page.active span,
.screenshot .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #10cfbd none repeat scroll 0 0;
    opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #ffffff none repeat scroll 0 0;
    opacity: 1;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    height: auto;
    padding: 2px 10px;
    width: auto;
}
.owl-item.loading {
    background: rgba(0, 0, 0, 0) url("AjaxLoader.html") no-repeat scroll center center;
    min-height: 150px;
}
.owl-theme .owl-controls .owl-nav div.owl-prev::before {
    content: "\f104";
    font-family: "FontAwesome";
    font-size: 25px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
}
.owl-theme .owl-controls .owl-nav div.owl-next::before {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 25px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
}
.main-item-list .owl-dots {
    margin-top: 5px;
}
/*Screen-shots CSS Ends*/
/* 12. Testimonials CSS Starts*/
/* digital -marketing page */
.page.digital-marketing .header_area ul li{
    width:200px;
    margin-right: 27px;
}

.page.digital-marketing .header_area ul li.widthlg{
    width:245px;
}
.page.digital-marketing .header_area {
    min-height: 580px;
}

.page.digital-marketing .cont .nav-tabs>li>a {
   
    padding: 10px 28px;
}
.page.digital-marketing .logo-design-left > p {
    color: #e2e2e2;
}
.page.digital-marketing .logo-design-left{margin-top:130px;}
.page.digital-marketing .logo-design .owl-controls {
    left: 440px;
    position: absolute;
    top: 119px;
}

/*.page.digital-marketing .logo-design .item h2.heading2{
      font-weight: bold;
    color: white;
    margin-top: 70px;
    font-size: 24px;
}
.page.digital-marketing .logo-design .item h3.heading3{
     margin-bottom: 0px;
}
.page.digital-marketing .logo-design .item h3.heading3.firstrow{
     margin-top: 10px;
}
.page.digital-marketing .logo-design-left {
    margin: 50px 0 0;
    padding: 10px;
}
.page.digital-marketing .buttonsrow{
    margin-bottom: 70px;
    margin-top: 30px;
}*/
/*digital marketing page ends */

.navbar-toggle{border: 1px solid #e80101; margin-top:0px;    margin-right: 21px;}
.navbar-toggle .icon-bar{ background:#464343;}

/*custom website page start */
.page.custom-website .logo-design
{padding:20px 0 10px;background-size:cover;}
/*custom website page end */

.page.cms .left_sect.single {
    text-align: right;
}
.page.cms #why_invictus .single {
    color: #6b3f7d;font-weight: bold;
}
.page.cms #why_invictus .left_sect i {
    font-size: 18px;
    margin-left: 8px;
}
.page.cms #why_invictus .descp {
    margin-top: 8px;
}
.page.cms #why_invictus .single p , .page.cms #why_invictus .single p {
    color: #6b3f7d;
}

.page.contact .field.code
{width:20%;padding-left: 5px;}
.page.contact .cont .field.number {
    float: left;
    width: 78.4% !important;
}
.page.contact select.intrested {
    width: 100%;
}
.page.contact .conform input[type="text"] , .page.contact textarea
{color:#000;}
.page.contact .conform select
{color:#9da6ac;}
.contact-detals {
    margin: 86px 0 0;
}
.contact-detals li {
    display: table;
	border-bottom: 1px solid #ccc;
	margin-top:28px;
	width:100%;
}
.contact-detals li span
{
	float:left;
	margin-right: 35px;
}
.contact-detals li span i {
    color: #915ea5;
    font-size: 60px;
}
.contact-detals li h1 {
    color: #6b3f7d;
    float: left;
    font-size: 22px;
    margin: 0 0 5px;
    text-transform: uppercase;
    width: 80%;
}
.contact-detals li p {
    color: #6a6a6a;
    font-size: 18px;
    text-align: left;
}
.contact-detals li p a
{color:#6a6a6a;}
.social-links {
    margin-top: 30px;
}
.social-links li {
    float: left;
    padding-right: 10px;
}
.map > img {
    width: 100%;
}

.cus-port-btn-con{text-align: center;margin-top: 100px;}

/*responsive CSS*/
/* Landscape tablets and medium desktops */



/*pricing*/
.page .combo_pckg .row{
    margin-left: 0px;
  
}
.left-pd0{
    padding-left: 0px;
      margin-left: -15px;
  
}
.right-pd0{
    padding-right: 0px;
  
}
section.pricing{
    margin-top: 145px;
}
.pricing-anchors{
        margin-bottom: 0px;
   
}
.pricing-page .anchors{
  	position: fixed;
  	top: 93px;
    left: 0px;
    width: 100%;
    z-index: 3;
    background-color: #424242;
}
.pricing-anchors a{
     margin-bottom: 0px;
    padding: 13px 0 12px 0px;
    cursor: pointer;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    color:#fff;
    font-weight: normal;
}
.pricing-anchors.active, .pricing-anchors:hover{
    border-bottom: 5px solid #f1a675;
    background-color: #323232;
    margin-bottom: 0px;
    color: #f1a675;
    font-weight: bold;
    border-left: 1px solid rgba(255,255,255,0.2);
    border-right:1px solid rgba(255,255,255,0.2);
}
.pricing-page .package_area{
    background-color: #ffffff;
}
.page .combo_pckg .arw{
   padding: 17px 0px 17px; 
    background-color: #17964f;
    margin-left: 0px;
}
.page .combo_pckg .arw h5{
  font-size: 30px;
    text-align: center;
        margin-top: 10px;
    margin-bottom: 10px;
}
.page .combo_pckg .arw:before ,.page .combo_pckg .arw:after{
    border-color: rgba(91, 49, 132, 0);
    border-top-color: #17964f;
}
.page .arw h5 {
    font-size: 42px;
    color: #fff;
    text-align: right;
    font-weight: 700;
    position: relative;
   
}
.page .tab-content h5 span {
    display: block;
    color: #808080;
    font-size: 15px;
}
.page .arw h5:before {
    
    border: none;
  
}
.page .combo-h3{
    font-size: 60px;
    color: #17964f;
    font-weight: 900;
    margin-bottom: 0px;
}

.page .combo-h3 sup{
    font-size: 35px;
}

.page .tab-content a.btn.pnk {
  padding: 20px 0; width:350px;
}
.package_area .tab-content a.btn.pnk{width:180px !important;}
.ext-border {
    border: 1px solid #e9e9e9;
    position: absolute;
    top: 41px;
    width: 100%;
    z-index: -1;
}
.page .pbox a.btn.pnk,.small-pricing a.btn.pnk {
    padding: 14px 38px;
    margin-top: 0px;
    margin-right: 0px;
}
.page .combo_pckg a.btn.pnk{
    margin-top: 0px;
    margin-right: 0px;
}
.page .combo_pckg .whtbg .p200 {
    padding: 0px 70px;
}
.page .ultimate_pckg .whtbg{
margin-bottom: 0px;
}
.page .ultimate_pckg{
    margin: 0 80px 80px;
}
.combo_pckg {
    margin: 0 80px 80px 50px !important;
}
.package_area .multi_tabs .tabs .top-tabs li a{
    font-family: inherit;
    text-transform: uppercase;
   
    background-color: transparent;
    border: transparent;
    font-size: 18px;
    padding-bottom: 20px;
    margin: 0 20px;
    color: #9b96b4;
    cursor: pointer;
}
.package_area .multi_tabs .tabs .bottom-tabs li a{
    font-family: inherit;
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    font-size: 14px;
    color: #b9b7b7;
    cursor: pointer;
    font-weight: normal;
        padding: 5px 20px;
}
.package_area .multi_tabs .tabs .bottom-tabs li.active a:after{
 

    position: absolute;
    content: "\f0d7";
    font-family: FontAwesome;
       left: 48%;
    top: 27px;

}
.package_area .multi_tabs .tabs .top-tabs li.active a:hover,.package_area .multi_tabs .tabs .top-tabs li.active a:focus,.package_area .multi_tabs .tabs .top-tabs li.active a:active,.package_area .multi_tabs .tabs .top-tabs li.active  a{
    color:#656277;
     font-weight: bold;
    border-bottom: 2px solid #656277;
}
.package_area .multi_tabs .tabs .bottom-tabs li.active a{
    color:#656277;
   
}
.package_area .multi_tabs .tabs .nav-tabs{
    text-align: center;
}
.package_area .multi_tabs .tabs .nav-tabs li{
    display: inline-block;
    float: none;
}
.package_area .multi_tabs .tabs .bottom-tabs{
    border: none;
}
.page .tab-content{
   margin-top: 35px;
}
.page .pbox{
    padding-bottom: 6px;
}
.page .pbox p {
    color: #c6c5c5;
    display: block;
    padding: 12px 11px 14px 18px;
    font-size: 12px;
    text-align: left;
    line-height: 15px;
}
.page .pbox h5 {
    background: #ffffff;
    color: #8ac503;
      font-size: 60px;
    font-weight: 900;
    margin: -10px 0px 10px;
    padding: 20px 0px 23px;
    line-height: 48.4px;
}
.page .pbox h3.no-mar + h3, .small-pricing h3.no-mar + h3 {
    margin: 0 0 10px 0;
    line-height: 1;
}
.page .pbox h3.no-mar, .small-pricing h3.no-mar {
    margin: 0;
    line-height: 0.8;
}
.page .pbox h3 strike, .small-pricing h3 strike {
    font-size: 22px;
    font-weight: 500;
}
.page .pbox h3,.small-pricing h3{
    margin-top: 25px;
    font-size: 40px;
    color: #293709;
    font-weight: 900;
    margin-bottom: 0px;
}
.page .pbox ul{
    margin: 0px;
        margin-top: 20px;
}
.page .pbox ul li {
    color: #7d7d7d;
    font-size: 14px;
   padding: 5px 0px 5px;
    border-top: 1px solid #f8f8f8;
    margin-bottom: 0px;
    font-weight: normal;
    border-bottom: none;
}
.page .pbox.second h3, .pbox.second p strong, .price2 h3 {
    color: #0c2424;
}
.page .pbox.last h3, .pbox.last p strong ,.price3 h3{
    color: #310424;
}
.page .inner_package {
    margin:20px 66px 30px 66px;
}

.page .arw h5:before {
    position: absolute;
    right: -41px;
    top: -5px;
    height: 90px;
    border: 1px solid #6d3b9e;
    content: "";
}
.page .combo_pckg .arw h5:before {
   
    border: none;
    
}
.page .box-shaddow{
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0,0.48);
    -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0,0.48);
        box-shadow: 0px 0px 25px 0px rgba(0, 0, 0,0.48);
}

.page .pbox .freepckg{
    text-align: left;
    padding: 0px;
}
.page .blank{
    margin-bottom: 38px !important;
}
/*pricing ends*/


/*video animation*/
.video-an-box a span {border: 3px solid #fff;border-radius: 50%;color: #fff;font-size: 24px;height: 60px;left: 0;margin: 0 auto;position: absolute;right: 0;text-align: center;width: 60px;top: 0;transition: all 0.3s ease 0s;visibility:hidden;}
.video-an-box a span i{margin:14px 0 0 6px;}
.video-an-box:hover a span{top: 37%;visibility:visible;z-index: 100;}

body.page.privacy-policy{padding: 0 !important;}
.privacy-policy{padding: 140px 0 30px 0;}
.privacy-policy h3 {color: #F52C3A;font-size: 23px;margin: 17px 0 0;padding: 0;}
.privacy-policy p {font-size: 14px;line-height: 24px;margin: 0 0 10px;padding: 0;}


/*side form*/
.sideform label { font-size:14px; color:#fff;font-weight:400; text-transform:capitalize}
.sideform{position:fixed;right: -662px; top:196px; z-index:9999999; display:none}
.ie8 .sideform{top:172px;}
.sideform .switch{     background: rgba(0, 0, 0, 0) url("../images/sprites.png") no-repeat scroll -743px 1px;
    width: 59px;
    height: 417px;
    top: -1px;
    position: absolute;
    left: -57px;cursor:pointer;}
.sideform .switch i{  	}

.sideform .sidfrmdv{width:660px; padding: 0px 0px 0px 0px; background:#000;}
.sidfrmdv .inform, .sidfrmdv .thanks{background-image: url('../images/side-form-background.jpg');background-repeat: no-repeat; padding:11px 0 11px;}
.sideform  h4{margin: 0px;padding:0px;font-size: 25px;font-weight:300;/* text-transform: uppercase; */color: #fff;text-align:left;/* background:#0a3430; */padding: 13px 20px 0px;text-align: center;margin-bottom: 19px;}
.sideform  h4  span{font-weight: bold; font-size: 20px;display: block; margin-top: 12px;}
.sideform  h4  span strong{ color:#ffcc00;}
.sidfrmdv .thanks, .sidfrmdv .thanks a{color:#fff; line-height:20px;}
.sidfrmdv .thanks h5{font-size:20px; line-height:26px;}
.sideform .formcta{float:left; text-align:center; width:50%}
.sideform .formcta p{color:#fff; font-weight:900; font-size:17px; text-align:center;  text-shadow:1px 1px 2px #000; text-transform:uppercase; margin:10px 0 0px}
.sideform .formcta a{color:#fff;font-weight:900; font-size:16px; text-align:center;text-decoration:none; background: url(../images/sprites.png) -362px -858px no-repeat; padding:5px 0px 10px 30px; text-transform:uppercase; display:inline-block; margin-top:5px;}
.sideform a.chat{margin-left:10px; background-position:-362px -908px}
.sideform .title{color:#fff;padding-bottom:5px;}
.sideform .form{padding-left: 16px;padding-bottom: 0px;position: relative;}
.sideform .form-offer{ position: absolute;top: -2px;right: 4px;}
.sideform .form .field{margin-bottom: 15.4px;width: 100%;position:relative;background: none;padding-bottom:11px !important;}

.sideform input[type="submit"]{   /*float: none;*/ padding: 12px 68px;margin-bottom: 11px;}
.sideform .form .field:after{ position:absolute; content:""; left:0px; top:0px}
.sideform .form .field.status:after{   position: absolute;  left: -2px; top: -37px;}
.sideform .form .field i {  color:#8e8e93; float: left;}
.sideform .form  p{    color: #fff;
    margin: 10px 0px 0px 8px;
    font-size: 14px;
    font-weight: 600;}
.sideform input[type="text"], .sideform select, .sideform textarea{width: 98%; border:none; background:none; color:#fff  }
.sideform select option{color:#000;background:#fff;}
.sideform .form .field.code{width: 25%;float:left;}
.sideform .form .field.number{float:left;width: 72%;}
.sideform textarea { height:78px;}
 .sideform  h6{font-size:14px;display:block;margin-top: 5px;color:#fff;font-weight:300;padding-left: 18px;}
  .sideform  h6 strong{ color:#ffde00;}
.sideform  h6 span{color:#666666;font-size:12px;display:block;margin-top: 12px;}
.sideform  h6 em{ float: right;color:#666666;font-size: 11px;margin-right: 37px;margin-top: -13px; font-weight:400} 

.switch::before {
    color: #fff;
content: "\f137";
    cursor: pointer;
    font: 20px/1 FontAwesome;
    left: 23px;
    position: absolute;
    text-rendering: auto;
    top: 19px;
}
.switch.active:before {
    content: "\f138";
}
.padding-left {
    padding: 0 33px;
}
.freepckg ul li {
    border-bottom: 1px solid #efefef !important;
}
.box-shaddow h3 sup {
    top: -28px;
}
.btn.vap {
    border-color: #4b5a8e;
    color: #4b5a8e;
	
}
.btn.vap:hover
{background:#4b5a8e;border-color:#4b5a8e;color:#fff;}
.textcenter {
    margin: 0 auto;
    width: 215px;
}
.btn.capitalize {
    text-transform: capitalize;
}
.ct li i {
    font-size: 20px;
}
.tab-content.minimum-height .tab-pane{min-height:365px;}
#SignupModal .modal-header > h2 {
    margin-bottom: 0;
}
#SignupModal .modal-content {
    width: 570px;
	overflow:hidden;
}
#SignupModal .modal-body input {
    width: 100%;
}
#SignupModal .field {
    border-color: #ccc;
	margin-bottom:0;
}
#SignupModal .field > input {
    color: #000;
}
#SignupModal .conform {
    float: none;
    margin: 0 auto;
    width: 75%;
}
#SignupModal.myFormTheme .modal-body .required {
    color: #5c5c5c;
    padding-left: 0;
    text-align: left;
}
#SignupModal .field.number{width:74.2%;}
#SignupModal .text-center.tagline {
    margin-bottom: 0;
}
#SignupModal .row > p {
    color: #ccc;
    font-size: 12px;
    text-align: center;
}
#SignupModal button {
    float: right;
    width: 30px;
}

.responsive-portfolio{position:relative;min-height: 620px;}
.laptop{background:url(../images/laptop.png) no-repeat;width:942px;height:540px;left: 270px;margin: 0 auto;position: absolute;right: 0;z-index:1;}
.laptop-wrapper{margin: 0 auto;width: 720px !important;}
.laptop .item {margin: 30px auto 0;width: 725px;}
.ipad{background:url(../images/ipad.png) no-repeat;width:360px;height:513px;top: 24px;left: 90px;position: absolute;z-index:2;}
.ipad-wrapper{margin: 0 auto;width: 314px;}
.ipad .item {margin:50px auto 0;width: 313px;}
.iphone {
    background: url(../images/iphone.png) no-repeat;
    width: 212px;
    height: 403px;
    position: absolute;
    left: 340px;
    top: 133px;
    z-index: 3;
}
.iphone .item {margin:36px auto 0;width: 172px;}
.iphone-wrapper{margin: 0 auto;width: 172px;}
.resp-buttons {
    bottom: 30px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
}
.header_area #layerslider_23 #digitalmarketing h4{font-size:46px;color:#fff;}
.header_area #layerslider_23 #digitalmarketing h4 span{font-size:69px;color:#fcd209;}

.header_area #layerslider_23 #website h4{font-size:41px;color:#fff;}
.header_area #layerslider_23 #website h4 span{font-size:70px;color:#fcd209;}
.header_area #website h4 {font-size: 34px !important;font-weight: 300;}

.b2b-portf-mac{background:url(../images/b2b-port-img1.png) no-repeat;height: 702px;width: 100%;background-size: 100%}
.b2b-portf-mac-wrapper{width:900px;margin:0 auto;}
.b2b-portf-mac-wrapper .item{width:900px;margin:50px auto 0;}
.b2b-portf-mac-wrapper .item img{border-radius:4px;}
.b2b-portf-mac-wrapper .owl-prev{left:-180px;}
.b2b-portf-mac-wrapper .owl-next{right:-160px !important;}

.mobile-website-portfolio{position:relative;}
.mobile-website-portfolio .ipad-mobile-web{background:url(../images/portfolio/mobile-webiste/iPad-Air-2-Landscape.html) no-repeat;height: 476px;width: 641px;margin:0 auto;}
.mobile-website-portfolio .ipad-mobile-web-wrapper {margin: 0 auto;width: 494px;}
.mobile-website-portfolio .ipad-mobile-web-wrapper .item{margin-top:39px;}

.mobile-website-portfolio .mobile-website-iphone{background:url(../images/portfolio/mobile-webiste/iPhone-6-Landscape.html) no-repeat;width:370px;height:213px;margin:0 auto;position:absolute;table-layout:253px;right:260px;z-index:1;top:256px;}
.mobile-website-portfolio .mobile-webiste-iphone-wrapper{width:251px;margin:0 auto;}
.mobile-website-portfolio .mobile-webiste-iphone-wrapper .item{margin-top:29px;}
.social_footer{margin:0 0 0 30px;}
#primary{ display:block}
#primary li.active::after, #primary li:hover::after {
    background: #4B4C4C none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}
#creative-identity .tab-creative::after, #custom-website .tab-custom::after, #mobile-application .tab-mobile-app::after, #digital-marketing .tab-digital::after, #video-animation .tab-video::after, #copy-writing .tab-copy::after, #pricing-page .tab-pricing::after, #our-portfolio .tab-portfolio::after, #contact .tab-contact::after , #home .tab-home::after , #technology .tab-technology::after
{
	background: #4B4C4C none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 20px;
    position: absolute;
    width: 100%;
}

#copy iframe
{
	height: 86%;
    margin: 0 0 0 78px;
    position: absolute;
    top: 30px;
	z-index:1;
}


a.btn_white{
    color:#4b5a8e;
    border: 1px solid #4b5a8e;
    border-radius: 5px;
    font-size: 13px;
}

a.btn_white:hover{ 
    background: #4b5a8e;
    color: white;
}

whtbg{margin-bottom: 10px;}

.page.logo_design .header_area ul { width:860px;}
.page.logo_design .header_area ul li { width:315px;}
.page.logo_design .header_area h1{font-size:32px;line-height: 38px;}
.page.logo_design .port_box{width: 100%;background-size: 100% !important;}
.page.logo_design .portfolio_area, .page.cms .portfolio_area_cms, .page.resp_web .portfolio_area_cms{min-height: 500px;padding: 50px 0px;}
.page.logo_design .portfolio_area h2, .page.cms .portfolio_area_cms h2, .page.resp_web .portfolio_area_cms h2{color: #fff;}
.page.logo_design .portfolio-image-container{width: 20%;height: 268px;display:  inline-block;float: left}

.page.resp_web .portfolio_area_cms{padding-bottom: 100px !important;padding-top: 20px!important;}

.page.logo_design #why_invictus .left_sect{text-align: right}
.page.logo_design #why_invictus .right_sect{text-align: left}
.page.logo_design #why_invictus .single{color: #6b3f7d;}
.page.logo_design #why_invictus .single p{color: #6b3f7d}
.page.logo_design #why_invictus .descp{margin-top: 8px;}
.page.logo_design #why_invictus .heading{font-weight: bold}
.page.logo_design #why_invictus .left_sect i{margin-left: 8px;font-size: 18px;}
.page.logo_design #why_invictus .right_sect i{margin-right: 8px;font-size: 18px;}


.page.cms .header_area ul { width:860px;}
.page.cms .header_area ul li { width:315px;}
.page.cms .header_area h1{font-size: 28px; margin-top:160px}
.page.cms .portfolio_area_cms .bl_item{height: 556px; background-size: 100% !important} 


.page.resp_web .header_area ul { width:860px;}
.page.resp_web .header_area ul li { width:345px;}
.page.resp_web .header_area h1{font-size: 27px; margin-top:160px}

.main_cta h6{font-size: 20px;}
.main_cta h6 span{font-size: 12px;}
.mid_cta {padding-bottom: 32px;}
.resp-tabs-list li{margin-bottom: 50px;}
.field.code{margin-right: 7px;}

.package_area .container{
    margin-bottom: 90px;
}
.navbar-toggle{   border: 1px solid #e80101; 
        margin-top: 25px;
    margin-right: 0px;padding: 7px 6px;
    background: #fff;display:none;}
.navbar-toggle .icon-bar{ background:#464343;}



textarea {
    resize: none;
}
.promoted-categories .col {
    min-height: 170px;
}

/* Mobile Application development */

.slider1 h1 {
    margin-top: 160px;
}

.mob-app-cta > img {
    width: 100%;
}
.adv-web-mob-sol img {
    width: 100%;
}
section.adv-web-mob-sol {
    padding: 20px 0;
}
.adv-wev-mob-sol-inner {
    margin: 50px 0 0;
}

.diamond{
    background-color: #fff;
    border: 2px solid #4b5a8e;
    float: left;
    height: 70px;
    margin: 34px 40px 80px 0;
    text-align: center;
    transform: rotate(45deg);
    width: 70px;
}
.diamond-border {
    background-color: #fff;
    border: 2px solid #4b5a8e;
    height: 62px;
    margin: 2px;
    transition: all 0.2s ease-in-out 0s;
    width: 62px;
}
.diamond-border i {
    font-size: 25px;
    margin: 15px;
    transform: rotate(-45deg);
	color:#4b5a8e;
	transition:all 0.2s ease-in-out;
}

.dmnd:hover .diamond
{
	background:#0D63A5;
	border-color:#0D63A5;
}

.dmnd:hover .diamond-border
{
	background:#4b5a8e;
	box-shadow:0 0 0 10px rgba(160, 160, 160, 0.2);
}

.dmnd:hover .diamond-border i{color:#fff}
.adv-text > h1 {
    color: #656277;
    font-size: 16px;
}
.adv-text > p{font-size:14px;}
.row.right .diamond {
    float: right;
    margin: 45px 0 80px 40px;
}
.row.right h1 , .row.right p{text-align:right;}
.mobile-app {
    margin: 0 !important;
    padding: 50px 0 0 0;
}
.mobile-app .nav-tabs li a{box-shadow:none !important;padding:10px 16px !important;}
.mobile-app h2{color:#fff;}
.mobile-app .tab-content ul li {
    color: #fff !important;
	padding: 5px 0;
}
.mobile-app .tab-content ul li span {
    display: block;
    width: 160px;
	float:left;
}
.f-right {
    width: 530px !important;
}

.mob-app-dev-lifecycle {
    padding: 50px 0;
}
.mob-app-dev-lifecycle ul h4 {
    color: #656277;
    font-size: 20px;
    margin-bottom: 10px;
}
.mob-app-dev-lifecycle ul li {
    color: #797979;
    font-size: 16px;
	margin-left:10px;
}
.mob-app-dev-lifecycle ul li span
{
	margin-left:16px;
}
.mob-app-dev-lifecycle ul li i {
    color: #f52c3a;
    display: block;
    float: left;
    font-size: 7px;
    margin: 10px 10px 0 0;
    padding: 0;
}
.mob-app-dev-lifecycle ul.one{margin-left: 40px;}
.mob-app-dev-lifecycle ul.two{margin-top: 102px;}
.mob-app-dev-lifecycle ul.three{margin: 102px 0 0 100px;}
.mob-app-dev-lifecycle ul.four{margin: 0 0 0 -70px;}
.mob-app-dev-lifecycle ul.five{margin: 123px 0 0;}
.mob-app-dev-lifecycle ul.six{margin: 102px 0 0 -70px;}

.domain-expertise
{
	background:url(../images/domain-expertise-mob-app.jpg) no-repeat;
	background-size:cover;
	padding:50px 0 0 0;
}
.domain-expertise h2 , .domain-expertise p{color:#fff;text-align:center;}

.iphone-hand
{
	background:url(../images/iphone-hand-mob-app-portf.png) no-repeat;
	height:560px;
	margin: 50px 0 0;
}
.iphone-hand img.fingers
{
	position: absolute;
    top: 243px;
    z-index: 2;
}
#sync1 {
    margin: 0 0 0 59px;
    width: 165px;
}
#sync1 .item{margin:50px 0 0 0;}
#sync1 .item img{width:100%;}

#sync2 {
    margin: 50px 0 0;
}
#sync2 h1
{
	color:#fff;
	font-size:40px;
	margin-bottom: 40px;
}
#sync2 p
{
	text-align:left;
	font-size:22px;
}
#sync2.owl-theme .owl-controls {
    margin-top: 60px;
    text-align: left;
}
#sync2.owl-theme .owl-dots .owl-dot + .owl-dot, .owl-dots .owl-dot {
    border-color: #fff;
}
#sync2.owl-theme .owl-dots .owl-dot.active, .owl-dots .owl-dot:hover {
    background: #fff none repeat scroll 0 0;
    border-color: #fff;
}


.client-focus {
    background: #ececec none repeat scroll 0 0;
    padding: 50px 0 70px 0;
}
.client-focus p{text-align:center;margin-bottom: 50px;}

.cl-foc-box h1
{
    color: #fff;
    font-size: 30px;
    margin: 0;
    padding: 20px 0;
    text-align: center;
	font-weight:bold;
}
.cl-foc-box ul
{
	background:#fff;
	padding: 40px;
	min-height: 332px;
}
.cl-foc-box ul li {
    color: #959595;
    font-size: 15px;
    padding-bottom: 20px;
}
.cl-foc-box ul li i
{color:#8ac503;}
.cl-foc-box ul li span {
    margin: 0 0 0 23px;
}


.panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #fff;
        border-color: #EEEEEE;
    }

    .panel-title {
        font-size: 14px;
    }


    .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
		font-size:24px;
		color:#444444 ;
		transition:all 0.2s ease-in-out;
    }
	.panel-title > a:hover , .panel-title > a:hover i{color: #d1385e;}
	
	.panel-title a[aria-expanded="true"] , .panel-title a[aria-expanded="true"] i{
  color: #d1385e;
}

    .more-less {
        float: right;
        color: #212121;
		top: 8px;
		font-size:12px;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
     border:0;
     color: #000;
    font-size: 16px;
    font-weight: 300;
    }
	
	.build-apps {
    padding: 50px 0;
	background:#eeeeee;
}
.build-apps p {
    padding: 0 240px 60px;
    text-align: center;
}
.page.mobile-application #accordion {
    margin-top: 70px;
}

.perfect-blend
{
	background:url(../images/project-blend-bg.jpg) no-repeat;
	background-size:cover;
	padding:50px 0 30px 0;
}
.perfect-blend h2 , .perfect-blend p
{
	color:#fff;
	text-align:center;
}
.perfect-blend p{padding:0 200px 40px;}
.perfect-blend img{width:80%;}

.perfect-blend ul h4
{
	color:#fff;
	margin:0 0 20px 0;
}
.perfect-blend ul li
{
	padding:5px 0;
	font-size:14px;
	color:#fff;
}

.twp {
    padding: 60px 0;
	text-align:center;
}
.twp img {
    margin: 0 0 40px;
}
.twp h4 {
    color: #656277;
    font-weight: bold;
    margin: 0 0 20px;
}
.twp p {
    padding: 0 20px;
}
.trusted-app-dev{background:url(../images/trusted-app-dev-bg.jpg) no-repeat;padding:50px 0 0 0;}
.trusted-app-dev h2 {
    color: #fff;
    padding-left: 0;
    padding-right: 180px;
    text-align: left;
}
.trusted-app-dev h2::before{margin:0;}
.trusted-app-dev p{color:#fff;}

.trusted-app-dev img {
    margin-top: 50px;
}
.counter-image{background:url(../images/counter-bg.png) no-repeat;width:505px;height:508px;margin: 45px auto 0;text-align:center;}
.counter-image .counter {
    color: #e8c6d6;
    display: block;
    font-size: 180px;
    padding: 118px 0 0;
}
.page.mobile-application .tab-content img {
    display: inline;
    width: auto;
}

#slider{position:relative;}

#slider .container {
    left: 20%;
    position: absolute;
    top: 0;
}

.slider1 img , .slider2 img , .slider3 img{width:100%;}

.slider2 , .slider3{text-align:center;}
.slider2 h1 , .slider3 h1 {
    font-size:36px;
    margin-top: 220px !important;
}
.slider2 h1 span , .slider3 h1 span {
    font-size: 22px;
}
.slider2 .container , .slider3 .container {
    left: 16% !important;
}

body.modal-open{overflow:hidden;position:fixed;width:100%;}

/* Mobile Application development end */



/* Landscape phones and portrait tablets */




.portbtn{ display:none !important; }


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) 
{

.bottom_header ul.pull-right{margin-right:20px;}

.trusted-app-dev h2{padding-right:0;}

.promoted-categories p {
    font-size: 12px;
}
.footer ul li a{font-size:12px;}
ul.ct li {
    font-size: 11px;
}
.sideform .pdr0 {
    padding: 14px;
}
.sideform .form .field{width:98%;}
.page .tab-content p{width:96%;}
#cform .field.number{width:73.2%;}
.pbox{min-height:707px;}
.main_cta h6 span {
    font-size: 12px;
    line-height: 16px;
    margin-top: 5px;
}
#color_tab{text-align:center;margin-left:0;}
.testi_area .owl-dots{margin-bottom:30px;}
.contact-detals li p{padding-top:5px;font-size:14px;}
.contact-detals li span{height:100px;}
.contact-detals li h1{font-size:17px;float:none;}
.page.contact .header_area{background-position:-400px 0 !important;}
#cid_brochure .pbox {
    min-height: 823px;
}
#cid_social_media .pbox{min-height:818px;}
#cid_flyer .pbox{min-height:771px;}
.page.logo_design .header_area {
    background-position: -360px 0 !important;
}
.page.resp_web .header_area ul li {
    font-size: 15px;
    width: 291px;
}
.page.ecommerce .portfolio_area .owl-nav {
    display: none;
}
.page.cms .portfolio_area_cms .bl_item{height:382px;}
.b2b-portf-mac{height:542px;}
.cus-port-btn-con{margin-top:40px;}
.iphone{left:250px;}
.ipad{left:0;}
.laptop{left:70px;}
.custom-website .btn {
    min-width: 150px;
}
.custom-website .btn {
    min-width: 150px;
}

.page.digital-marketing .pbox {
    min-height: 3189px;
}
#digmkt_logo .pbox {
    min-height: 3189px;
}
#digmkt_flyer .pbox {
    min-height: 942px !important;
}
#digmkt_brochure .pbox{min-height:1097px;}
.ekko-lightbox .modal-dialog {
    top: 25%;
}
.conform .field input[type="text"], .conform .field input[type="email"], .conform .field select, .conform .field textarea{font-size:12px;}
.page.video-animation .pbox{min-height:807px;}
.page.copy-writing .pbox{min-height:1026px;}

.page.mobile-application .header_area {
    margin-top: 0;
    min-height:450px !important;
}
.diamond{display:none;}

.page.mobile-application .mobile-app .tab-content .btn {
    float: left;
    margin: 0 17px 0 0;
    min-width: 170px;
}
.nav li a {
    font-size: 11px !important;
}
.sub-nav{top:44px;}
.mobile-app .tab-content ul li span{float:none;}
.mob-app-dev-lifecycle ul.one {
    margin-left: 0;
}
.mob-app-dev-lifecycle ul.three {
    margin: 80px 0 0;
}
.mob-app-dev-lifecycle ul.six {
    margin: 90px 0 0;
}
.cl-foc-box ul li span{margin:0;}
.cl-foc-box ul{min-height: 497px;}
.lifecycle-img {
    margin-top: 90px !important;
}

.cont_testi .field.code{padding-left:1px !important;}
.field.code input{font-size:10px !important;}
.testi_area .item p{margin: 40px 0 0;}

.sideform{top:95px;display:none !important;}
#sideform .field.code {
    padding-top: 16px !important;
}



}

@media only screen and (min-width: 1200px) and (max-width: 1440px) 
{
	.slider1 h1{margin-top:130px !important;}
	.slider2 h1 , .slider3 h1{margin-top:170px !important;}
	
	.slider2 .container , .slider3 .container {
    left:3.2% !important;
}

}


@media (max-width: 1199px)
{
	
	
	.pricing-anchors, .offer2_tag, .offer2, .pricing-page .anchors, .iframeSpace{display:none;}
	.sub-nav li.first{margin-left:0;}
	.top-to-bottom-icon a{font-size: 25px;padding-left: 2px;}
	.top-to-bottom-icon a i{margin-top:5px;}
	.top-to-bottom-icon a:hover i {margin-top:5px !important;}
	
}

@media (max-width: 1550px){
	.offer2_tag{display:none;}
	.offer2{display:none;}
	} 

@media (max-width: 1199px) 
{


.field.code{width:23%;}
#our-portfolio.page .header_area h1 {width: 44%;}
.video-an-box a span {
    top: 100px !important;
    visibility: visible;
	z-index:1;
}
.video-an-box::after{opacity:1 !important;}
#webdev .btn.vap {
    margin-bottom: 30px !important;
}

}


@media (min-width: 992px) and (max-width: 1199px) {
	.logo{margin-left:-30px;}
	.bottom_header ul li{ margin-left: 0px;}
	.bottom_header ul li a{padding: 10px 5px;font-size: 12px;}
	.bottom_header ul.nav{margin-left: 10px;}
	.page.cms .header_area ul {width: 680px;}
	.page.cms .header_area ul li {widhth: 100%;}
	.b2b-portf-mac-wrapper .item { width: 695px !important;  margin: 39px auto 0 !important; }
	
	
.header_area #layerslider_23 #website h4{font-size:26px !important;}
.header_area #layerslider_23 #website span1 {font-size: 30px !important;}
.header_area #layerslider_23 h4 span {font-size: 36px !important; line-height: 45px !important;}

.header_area #layerslider_23 #business h4{line-height:10px;font-size:22px !important}
.header_area #layerslider_23 #business h4 span{line-height:5px !important;}
.header_area #layerslider_23 #business h4 span1{font-size: 14px !important;line-height: 20px !important;}
.header_area #layerslider_23 #business ul li{font-size:14px !important;}
.header_area #layerslider_23 #business a{margin: 20px 0 0 0 !important;font-size:14px}

.header_area #layerslider_23 #video_animation h3{font-size:26px !important;}
.header_area #layerslider_23 #video_animation h3 strong{font-size:32px !important;line-height: 30px !important;}
.header_area #layerslider_23 #video_animation p{font-size:14px !important;}
.header_area #layerslider_23 ul li{font-size:14px !important;}
.header_area #layerslider_23 #video_animation a{position:relative;top:30px;}

.header_area #layerslider_23 #digitalmarketing span1{font-size:26px !important;}
.header_area #layerslider_23 #digitalmarketing p{font-size: 17px !important;line-height: 23px !important;margin:10px 0 0 0 !important; width: 370px !important;}
.header_area #layerslider_23 #digitalmarketing ul{width:476px !important;margin:20px 0 0 0 !important;}
.header_area #layerslider_23 #digitalmarketing ul li{font-size:14px !important;}
.header_area #layerslider_23 #digitalmarketing a{margin-top:35px !important;}

.header_area #layerslider_23 #copywriting span{line-height:12px !important;}

#video-animation.page .header_area h1 {width: 57%;}
	
}

@media (max-width: 991px) {
#mobile-application .header_area{display:none;}
#mobile-application .adv-web-mob-sol{margin-top:99px;}	
section#top-inner{margin:0;}	
	
	.field.number {
    width: 75.9%;
}
.contact_home{padding-top:35px;}
	
	.sub-nav{   padding-top: 14px; width:100%;  top:27px;}
	.bottom_header #primary  ul.sub-nav li a{ text-align:left !important;    padding: 6px 0 14px 22px !important;}
	.sub-nav li.first{ margin-left:0px;}
	.collapse.in{ display:block !important}
.bottom_header #primary ul li{ float:none}

#SignupModal .modal-content{width:auto;}


.page.logo_design .header_area h1 {margin-top: 104px;width: 65%;font-size: 23px;}
.page#custom-website .header_area h1{margin-bottom: 30px;margin-top: 50px;width: 49%;}
.page.resp_web .header_area h1 {margin-top: 80px;}
#digital-marketing.page .header_area h1 {width: 65%;}
.tab-content .img-responsive {margin: 0 auto;}
#video-animation.page .header_area h1 {width: 64%;}
.page#copy-writing .header_area h1{width:63%;}
#our-portfolio.page .header_area h1 {
    margin-top: 80px;
    width: 40%;
}

.video-an-box a span {top: 170px !important;}



.header_area #layerslider_23 #website h4{font-size:24px !important;}
.header_area #layerslider_23 #website span1 {font-size: 27px !important;}
.header_area #layerslider_23 h4 span {font-size: 34px !important; line-height: 45px !important;}
.header_area #layerslider_23 #website .web-logo{width:80% !important;}
.header_area #layerslider_23 #website a{margin:50px 0 0 0 !important;}

.header_area #layerslider_23 #business h4{line-height:10px;font-size:20px !important}
.header_area #layerslider_23 #business h4 span{line-height:5px !important;}
.header_area #layerslider_23 #business h4 span1{font-size: 12px !important;line-height: 20px !important;}
.header_area #layerslider_23 #business ul li{font-size:12px !important;}
.header_area #layerslider_23 #business a{margin: 60px 0 0 0 !important;font-size:14px}

.header_area #layerslider_23 #video_animation h3{font-size:24px !important;}
.header_area #layerslider_23 #video_animation h3 strong{font-size:30px !important;line-height: 30px !important;}
.header_area #layerslider_23 #video_animation p{font-size:11px !important;}
.header_area #layerslider_23 ul li{font-size:12px !important;}

.header_area #layerslider_23 #digitalmarketing span1{font-size:24px !important;}
.header_area #layerslider_23 #digitalmarketing p{font-size: 15px !important;line-height: 17px !important;margin: 0 !important; width: 370px !important;}
.header_area #layerslider_23 #digitalmarketing ul li{font-size:12px !important;}
.header_area #layerslider_23 #digitalmarketing a{margin-top:50px !important;margin-left:3px !important;}

.header_area #layerslider_23 #copywriting span{line-height:12px !important;}

		#primary{ display:none}
		.bottom_header { padding: 0 0px 12px;}
		.navbar-toggle{ display:block}
		.bottom_header ul li{ margin-left: 0px;}
		.bottom_header ul.pull-right li{padding: 4px 12px;}
		.bottom_header ul li a{padding: 10px 5px;font-size: 12px;}
		.bottom_header #primary ul.nav{margin-left: 0px;float:none}
		
		.bottom_header #primary ul li a{ font-size:15px;    padding: 6px 0 14px 3px !important;
    text-align: center;
    border-bottom: 2px solid #ccc;}
		.page.cms .header_area ul {width: 680px;}
		.page.cms .header_area h1{font-size:22px;}
		.page.cms .portfolio_area_cms .bl_item{height: 660px;}
		testi_area{margin-left: 0px}
		.main_cta h6 span{margin-top: 8px; line-height: 15px}
		.portfolio_area_cms a.btn{width:100%}
		.bottom_header a img{height: 45px; width: 200px;}
		.header_area ul li {width: 100% !important;}
		.contact_home{ min-height:680px;}
		.page.logo_design .header_area ul li {width: 100% !important; }	
		.cus-port-btn-con{margin-top: 0px;}
		.invic-circle{ background-size: 100% 90%; margin: 0px 130px !important; }
		.b2b-portf-mac-wrapper .item {width: 531px !important;margin: 29px 96px 0 !important;}
		.main_cta h6{ font-size:16px;}
		.main_cta h6 span { font-size: 11px;}
		.portfolio h2{margin-top: 29px;}
		.portfolio h3{ margin-bottom:0px;    font-size: 30px;}
		
		.portfolio .nav-tabs>li a{ display:none}
		.portfolio .nav-tabs>li i{ position:static}
		.portfolio .nav-tabs>li{display: inline; float:none}
		#load-popup, .modal-backdrop, .sideform, .hi-icon-wrap, .about_section ul li i{ display:none !important}
		.portfolio .nav-tabs>li i{ font-size:36px; cursor:pointer;    margin-right: 35px;}
		.portfolio  .nav-tabs{ text-align:center; margin:30px 0px;}
		.tab-content.minimum-height .tab-pane { min-height: 182px;}
		.portfolio {  min-height: 543px;}
		.header_area{ min-height:300px !important; margin-top:99px;}
		.package_area img.osanimate{ display:none !important}
		.package_area{ padding-bottom:0px;}
		.page .ultimate_pckg{ margin: 0 80px 26px;}
		.works_slide{ margin-top:5px;    margin-left: 27px;}
		.out_tab{ margin-top:90px;}
		.mid_cta a{ font-size:15px; }
		.mid_cta a i {font-size: 17px;}
		.mid_cta a{padding: 8px 0px;    min-width: 119px;margin-right: 12px;}
		.mid_cta{min-height: 100px;}
		.about_section{ background:none}
		.about_section p, .about_section ul li strong{    margin-bottom: 0px;}
		.p200 {  padding: 0px 0px;}
		.about_section ul li{ text-align:left; margin-bottom:10px;}
		.testi_area{ width:100%;    padding-top: 11px; padding-bottom:30px;}
		.footer h5{ margin-bottom:0px; padding-bottom:10px;}
/*		.header{ position:static;}*/
		.package_area h2{ margin:20px 0px 0px;}
		.sub-nav.two{ left:0px;}
		.package_area .multi_tabs .tabs .top-tabs li a{    font-size: 13px;    margin: 0 2px;}
		.offer2_tag, .offer2{display:none}
	.page.pricing-page	section.pricing {
    margin-top: 0px;
}
.package_area .multi_tabs .tabs .bottom-tabs li a{    padding: 5px 7px;    font-size: 12px;}
.pricing-page .anchors{ position:static;}
.iframeSpace{ display:none}

.page.contact .header_area h1 {
    margin-top: 41px;}
	.pbox h4 span:before{ display:block !important}
	
	.page .header_area a.btn{margin:30px 0}
.contact-detals li h1{ width:auto; float:none}
	.contact-detals li span i{ display:none}
	
.startproject{top: 7px !important;right: 30px !important;}	
	
	
}

@media (max-width: 768px) {
	
.bottom_header ul.pull-right{margin-right: 30px;}	



/*Mobile app dev*/

.twp{padding:100px 0 60px 0;}
.twp p {
    padding: 0 20px 40px 20px;
}

.counter-image
{
	margin: 40px auto;
}
.trusted-app-dev h2{padding-right:0;text-align:center;}
.trusted-app-dev h2::before{margin:0 auto;}

.mob-app-dev-lifecycle ul li span {
    margin-left: 0;
}
.mob-app-dev-lifecycle ul.one
{
	margin:0;
}
.mob-app-dev-lifecycle ul.two , .mob-app-dev-lifecycle ul.three {
    margin: 70px 0 0 0;
}
.mob-app-dev-lifecycle ul.four{margin:0;}
.mob-app-dev-lifecycle ul.five , .mob-app-dev-lifecycle ul.six{margin:70px 0 0 0;}
.page.mobile-application .btn{margin-left:0 !important;}

.cl-foc-box ul li span{margin:0;}
.cl-foc-box ul{margin-bottom:20px;min-height: 325px;}
.build-apps p{padding:0;}
.perfect-blend p {
    padding: 0 0 60px 0;
}
.perfect-blend img {
    width: 90%;
}

/*Mobile app dev*/
	
.for-ipad {
    margin: 0 0 0 68px;
}
.fr-ipad{margin:0 0 0 75px;}
	
.promoted-categories p {
    font-size: 14px;
}
.page.logo_design #why_invictus .left_sect{text-align:left;}	
.laptop{display:none;}

.resp-buttons {
    text-align: center;
}
.ipad{left:0;right:0;margin:0 auto;}
.iphone{left:470px;}

.page.contact .header_area h1 {
    width: 48% !important;
}	

	
.works_slide .owl-next{right: -14px !important;}
.page.digital-marketing .logo-design-left{margin-top:0;}
.page.digital-marketing .logo-design .owl-controls {
    left: 320px;
    position: absolute;
    top: 269px;
}
#video-animation .owl-item img {
    width: 90% !important;
    margin: 0 auto;
}
#video-animation iframe {
    height: 90%;
    margin: 0 0 0 104px;
    position: absolute;
    top: 23px;
    z-index: 1;
    width: 72.5%;
}
.b2b-portf-mac-wrapper {
    margin: 0 auto;
    width: 587px;
}
.b2b-portf-mac-wrapper .item {
    margin: 28px !important;
    width: 534px !important;
}

.page.about-us .cont p{margin-top:0;}	
.page.about-us .cont {
    padding-bottom: 150px;
    min-height: 660px;
}
.our-belief p {
    color: #6a6a6a;
    font-size: 22px;
    line-height: 30px;
    margin-top: 70px;
}
.privacy-policy {
    padding: 45px 0 30px;
}
.logo-design-left {
    margin: 80px 0 0;
}
.logo-design .owl-controls {
    left: 330px;
    position: absolute;
    top: 370px;
}
	
	.package_area .multi_tabs .tabs .top-tabs li a{    font-size: 17px;
    padding-bottom: 11px;}
	
	.pricing-anchors, .offer2_tag, .offer2, .pricing-page .anchors, .iframeSpace{ display:none}
	/*.page.pricing-page .ultimate_pckg{ margin-left:0px;}*/
.page.pricing-page	section.pricing {
    margin-top: 20px;
}
.cont .nav-tabs>li{ display:block;}
	testi_area{margin-left: 100px}
	.header_area ul li {width: 100%!important;}
	.row.dgtl-mrktng{top:250px !important; left:310px}
	.header_area{    min-height: 323px;}
	.whtbg .p200{padding:0 30px;}
	.portfolio h3{font-size:34px;}
	.portfolio .tab-content{margin-top: 30px;}
	.works{padding: 80px 0;}
	.mid_cta{background: #AA7EBD;}
	.conform {float: none;margin: 0 auto; width: 90%;}
	#cform .field.number{width: 75.9%;}
	.disclaimer .col-md-6 {text-align: center;}
	.portfolio{padding-bottom: 30px;background-color: #9C4C81;}
	.blog_area .p200{padding: 0 30px;}
	.contact_home{ min-height:680px;}
	.page.logo_design .header_area ul li {width: 100% !important; }	
	.cus-port-btn-con{margin-top: 0px;}
	.invic-circle{ background-size: 100% 90%; margin: 0px 130px !important; }
	/*.b2b-portf-mac-wrapper .item { width: 463px !important; margin: 26px 84px !important; } */
	.bottom_header{ padding-bottom:12px;}
	.b2b-portf-mac{height:462px;}
	.portfolio_area_cms a.btn {
    width: auto;
}
.page.cms .portfolio_area_cms .bl_item {
    height: 578px;
}
.page.logo_design .portfolio-image-container{height:151px !important;}

.adv-web-mob-sol img {
    width: 50%;
    margin: 0 auto 50px;
}
.diamond{margin:0 40px 80px 0;}
.des-mob-app {
    margin: 50px 0 0;
}
.page.mobile-application .btn {
    margin-top: 40px;
	margin-left: 130px;
}
.page.mobile-application .btn.price{margin-left:0;}
.page.mobile-application .header_area {
    margin-top: 0;
    min-height: 600px !important;
}



}

@media (min-width: 768px) and (max-width: 991px)
{
	.testi_area{min-height: 515px;}
}

@media (min-width: 552px) and (max-width:662px)
{
	#cform .field.number {width: 76.4% !important;}

}

@media (min-width: 663px) and (max-width:767px)
{
	#cform .field.number {width: 76.5%;}

}

/* Portrait phones and smaller */

@media (max-width: 640px) 
{

.bottom_header ul.pull-right{margin-right: 0;}
	
/*.portbtn{ display:block !important; margin-top:0px;}

.our-portfolio .tabs{ margin-top:30px;}
	
.package_area .multi_tabs .tabs .nav-tabs{ display:none;    margin-top: 71px;}
.package_area .multi_tabs .tabs .nav-tabs li{ display:block;}*/
	.header_area{min-height:394px;}
	.whtbg .p200{padding:0 30px;}
	.portfolio h3{font-size:34px;}
	.portfolio .tab-content{margin-top: 30px;}
	.works{padding: 80px 0;}
	.mid_cta{background: #AA7EBD;}
	.blog_area .col-md-4.display-table{width: 100%;}
	.conform {float: none;margin: 0 auto; width: 90%;}
	#cform .field.number{width: 75.9%;}
	input[type="submit"]{padding:17px 72px; }
	.disclaimer .col-md-6 {text-align: center;}
	.portfolio{padding-bottom: 30px;background-color: #9C4C81;}
	.testi_area .item p{margin: 40px 0px 0px;}
	.page.logo_design .header_area ul li {width: 100% !important; }	
	.cus-port-btn-con{margin-top: 0px;}
	.invic-circle{ background-size: 100% 90%; margin: 0px 70px !important; }
	.b2b-portf-mac-wrapper .item { width: 432px !important; margin: 23px 78px !important;  } 


.header_area #layerslider_23 #website h4{line-height:15px !important;}
.header_area #layerslider_23 #website .web-logo {
    width: 38% !important;
}

.header_area #layerslider_23 #business h4{line-height:40px !important;font-size:20px !important}
.header_area #layerslider_23 #business ul{display:none;}
.header_area #layerslider_23 #business a{margin: 60px 0 0 0 !important;font-size:14px}

.header_area #layerslider_23 #video_animation h3{font-size:24px !important;}
.header_area #layerslider_23 #video_animation h3 strong{font-size:30px !important;line-height: 30px !important;}
.header_area #layerslider_23 #video_animation p{font-size:12px !important;}
.header_area #layerslider_23 ul{display:none;}

.header_area #layerslider_23 #digitalmarketing span1{font-size:24px !important;}
.header_area #layerslider_23 #digitalmarketing p{font-size: 15px !important;line-height: 17px !important;margin: 0 !important; width: 300px !important;}
.header_area #layerslider_23 #digitalmarketing ul li{font-size:12px !important;}
.header_area #layerslider_23 #digitalmarketing a{margin-top:30px !important;}

.header_area #layerslider_23 #copywriting span{line-height:12px !important;}


.field.code{padding-bottom:14px;}

.adv-wev-mob-sol-inner{margin:50px 0 0 0;}
.mobile-app .tab-content ul li span{float:none;width:auto;}
.page.mobile-application .btn.price{margin-top:20px;}
#sync2 p{font-size:16px;}
.domain-expertise{padding-bottom:50px;}
#sync2 h1{margin-bottom:30px;font-size:24px;}
.panel-title > a{font-size:20px;}
.mob-app-dev-lifecycle ul.two, .mob-app-dev-lifecycle ul.three{margin:40px 0 0 0;}
.mob-app-dev-lifecycle ul.five, .mob-app-dev-lifecycle ul.six{margin:40px 0 0 0;}
.mob-app-dev-lifecycle ul.four {
    margin: 40px 0 0 0;
}
.twp{padding: 100px 0 60px 0;}
.twp p {
    padding: 0 20px 40px 20px;
}
.trusted-app-dev p{margin-bottom: 40px;}

.build-your{padding-top:0 !important;}

.testi_area{width:100% !important;}
.testi_area p{margin:30px 10px 0 10px !important;}

.box-thnak{margin-right: 10px;margin-left: 10px;}

/*07-sep-2017*/
	
	.cont .nav-tabs > li{display: inline-block;}
	.cont .nav-tabs > li > a{font-size:10px;margin: 0 3px;padding: 7px 12px;width: auto;min-width: auto !important;}
	.page .tab-content, .page .tab-content p{text-align: center;}
	.cont{margin:10px 0 20px 0;}
	.testi_area .item p{min-height: auto !important;}
	.page.logo_design .header_area h1{margin-top:10px !important;width: 100%;font-size: 20px !important;line-height: 27px;}
	.page .tab-content h5{font-size:24px;margin: 15px 0 0 0;}
	.invic-circle{display: none;}
	#custom-website.page .header_area{background-position: -520px 0 !important;}
	#custom-website.page .header_area h1{width: 100% !important;font-size:18px !important;margin-top:10px !important;margin-bottom: 0;}
	
	.logo{margin:4px 0 0 0;}
	nav.navbar.bootsnav .navbar-toggle{font-size:30px !important;float: right !important;margin-right: 0 !important;margin-top: -6px !important;}
	.logo > img{float:left;height: auto;margin-top: 8px;width: 70%;}
	.header_area a img{width: 100%;}
	

}

@media (max-width: 480px) 
{
	.contact-detals li h1{ width:auto; float:none}
	.contact-detals li span{ display:none}  
	.contact .cont p{padding: 1px 0px;}
	.contact-detals{ margin-top:0px;}

.logo-design{ display:none}
.header_area #layerslider_23 #website h4{font-size:16px !important;}
.header_area #layerslider_23 #website span1 {font-size: 14px !important;line-height: 23px !important;}
.header_area #layerslider_23 h4 span {font-size: 24px !important;}
.header_area #layerslider_23 #website a{margin:8px 0 0 0 !important;    padding: 7px 10px !important;}

.header_area #layerslider_23 #business h4{line-height:10px;font-size:16px !important}
.header_area #layerslider_23 #business h4 span1{font-size: 10px !important; line-height:12px  !important}
.header_area #layerslider_23 #business ul{display:none;}
.header_area #layerslider_23 #business a{margin: 5px 0 0 0 !important;font-size:14px}

.header_area #layerslider_23 #video_animation h3{font-size:13px !important;}
.header_area #layerslider_23 #video_animation h3 strong{font-size:14px !important;line-height: 15px !important;}
.header_area #layerslider_23 #video_animation p{font-size:10px !important;}
.header_area #layerslider_23 ul{display:none;}

.header_area #layerslider_23 #digitalmarketing span1{font-size:16px !important;}
.header_area #layerslider_23 #digitalmarketing p{font-size: 12px !important;line-height: 17px !important;    margin: -22px 0px !important; width: 170px !important;}
.header_area #layerslider_23 #digitalmarketing ul li{font-size:12px !important;}
.header_area #layerslider_23 #digitalmarketing a{margin-top:28px !important;}

.header_area #layerslider_23 #copywriting span{line-height:12px !important;}


.header_area ul li {widhth: 100%;}
.header_area{min-height: 175px;}
.osanimate{top:150px;}
.inner_package{margin:100px 10px;}
.arw h5{font-size:20px;}
.arw h5 span{font-size:14px;}
.arw h3{font-size:35px;margin: 0 0 0 22px;}
.arw h3 sup{top: -0.2em;font-size: 27px;}
.arw h5::before{right: -18px;top: -32px;}
.whtbg .p200{padding:0 10px;}
.freepckg{margin:10px;}
.p200{ padding: 0 10px;}
.main_cta a.btn{width: 100%;}

.portfolio h3{font-size:15px;}
.portfolio .tab-content .img-responsive{margin: 25px 0 0 0;}
.mid_cta a{font-size:16px;}
.about_section{background-position:-220px 0;}
.jarallax.portfolio{padding-bottom:40px;}
.mid_cta .btn{width: 100%;}
.blog_area .col-md-4.display-table{float:left;width: 100%;}
.conform{float: none;margin: 0 auto;width: 90%;}
input[type="submit"]{padding:17px 72px;}
.testi_area .item p{margin:30px 0 0 30px;}
.testi_area{width:88%;}
.disclaimer .col-md-6{text-align: center;}
.mid_cta{background: #AA7EBD;}
.hidden-xs{display:none;}

.page.logo_design .header_area ul li {width: 100% !important; }	
.cus-port-btn-con{margin-top: 0px;}
.page .inner_package{    margin: 20px 0px 28px 0px;}
.page .ultimate_pckg {  margin: 0 16px 26px;
}.main_cta h6 {
    font-size: 14px;text-align: CENTER;
}



.works{ padding:20px 0px;}
.out_tab{ display:none}
.mid_cta .btn{ width:100% !important}
.portfolio .nav-tabs>li i{font-size: 24px;cursor: pointer; margin-right: 19px;}

.header_area {min-height: 197px !important;margin-top:99px;}
	.sub-nav{ background:#CCC6C6 !important;    top: 29px; width:100%;    padding-top: 14px;}
	.sub-nav li{ width:100%; margin-left:0px;}
	.sub-nav li.first {
    margin: 0px 0 0 0px;
}
.page .header_area h1{ margin-top:50px !important; font-size:20px !important;margin-bottom: 11px;}
.page .header_area  a.btn{    padding: 9px 19px;    margin-top: 15px;}
.page .header_area  {    padding-bottom: 17px;}
.page .package_area h2{    font-size: 20px !important;}
a.btn.pnk{ padding:10px 12px !important}

.testi_area .item p {
    margin: 30px 0 0 45px;
    min-height: 470px;
}
.page .tab-content a.btn.pnk{width:100%;}
.page.logo_design .header_area {
    background-position: -651px 0 !important;
}
.combo_pckg {
    margin-left:-15px !important;
    width: 100%;
}
.page .combo_pckg .whtbg .p200{padding:0;}
.page.logo_design .portfolio-image-container{height:61px !important;}
.cus-port-btn-con a {
    width: 70% !important;margin-top: 30px;
}
.invic-circle{height:120px !important;}
.page.resp_web .header_area {
    background-position: 0 0 !important;
}
.page.digital-marketing .header_area {
    background-position: -790px -70px !important;
}
.btn.price.cust {
    margin-left: 0 !important;
    width: 80% !important;
}
.btn.vap {
    min-width: 80% !important;
}
.page.copy-writing .header_area {
    background-position: -660px 0 !important;
}
.page.our-portfolio .header_area {
    background-position: -740px -120px !important;
}
.video-an-box a span {
    top: 50px !important;
}
.field.code {
    padding-bottom: 16px;
	padding-left:8px;
}
.package_area .container {
    margin-bottom: 20px;
}
.page.about-us .cont p {
    margin-top: 0;
    top: 0;
}
.page.about-us .cont {
    margin: 0;
    min-height: auto;
    padding-bottom: 0;
}
.about-us .pad300 {
    padding: 0 30px;
}
.page.about-us .our-belief {
    padding: 40px 0 !important;
}
.our-belief p{top:0;margin:0;font-size:18px;}


}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) 
{
	.page.about-us .cont p {
    margin-top: 0;
    top: 0;
}
.page.about-us .cont {
    margin: 0;
    min-height: auto;
    padding-bottom: 0;
}
.about-us .pad300 {
    padding: 0 108px;
}
.page.about-us .our-belief {
    padding: 40px 0 !important;
}
.our-belief p{top:0;margin:0;font-size:21px;}
.header_area #layerslider_23 #business a{margin-top:20px !important;}
.header_area #layerslider_23 #digitalmarketing p{margin:0 !important;}
.invic-circle {
    height: 230px !important;
}
.page.cms .portfolio_area_cms .bl_item {
    height: 369px;
}
.portfolio_area_cms .col-xs-offset-3 {
    margin-bottom: -39px;
    margin-left: 110px;
}
.portfolio_area_cms div {
    margin-top: 0 !important;
}
.page.cms .left_sect.single {
    text-align: left;
}
.page.our-portfolio .header_area {
    background-position: -680px -120px !important;
}
.video-an-box a span {
    top: 100px !important;
}

}

@media only screen and (min-device-width : 481px) and (max-device-width : 640px) and (orientation : landscape) 
{
	.testi_area .item p {
    margin: 40px 50px;
}
.page .header_area h1{margin-top:20px;}
.page.creative-identity .header_area {
    background-position: -900px 0 !important;
}
.logo-design-left {
    margin: 40px 0 0;
}
.page.cms .portfolio_area_cms .bl_item {
    height: 485px;
}
.portfolio_area_cms .col-xs-offset-3 {
    margin-left: 17%;
	margin-bottom: -13px;
}
.page.cms .left_sect.single {
    text-align: left;
}
.video-an-box a span {
    top: 140px !important;
}
.field.code {
    padding-bottom: 16px;
	width: 22.9%;
}
.package_area .container {
    margin-bottom: 0;
}
#digmkt .pbox {
    min-height: 270px !important;
}

}


@media (max-width: 420px) {
.header_area #layerslider_23 #video_animation h3 strong{font-size:12px !important;line-height: 11px !important;}.header_area #video_animation div.parallelogram p{padding-bottom: 11px !important;}
.header_area #video_animation .parallelogram  a{    padding: 1px 10px !important;}
.header_area #digitalmarketing h4 span{    margin-top: -14px; display:block}
}

/*pricing page*/


.price1 h4,.price2 h4,.price3 h4{
 
 margin-bottom:0px;
color: #fff;  
    padding: 21px 0px 17px;
    font-size: 30px;
    font-weight: 700; 
    position: relative; 
    text-align: center; 
  
}
.price1 h4{
      background: #8ac503;
}
.price2 h4{
      background: #6b3f7d;
}
.price3 h4{
      background: #ff6500;
}
.perpage{
        text-align: center !important;
    font-size: 15px !important;
    color: #494949 !important;
    font-weight: 600;
    padding: 0px 30px !important;
}
.perpage strong{
    display: inline !important;
    color: #293048 !important;
}
.page .tab-content ul li {
    color: #7d7d7d;
    font-size: 14px;
   
    font-weight: normal;
}
.freepckg li{
    font-style: italic;
}
.page .blank{
    border: none;
}
.freepckg ul li.last{
    border: none !important;
}
.webdev-flyer .pbox.second .freepckg ul{
      min-height: 590px;
}
.webdev-flyer .pbox.first .freepckg ul{
         min-height: 836px;
}
.head_highlight_orange{
    color: #ffffff !important;
    background-color: #ff6500;
        text-align: center;
}
.head_highlight_purple{
    color: #ffffff !important;
    background-color: #6b3f7d;
        text-align: center;
}
.head_highlight_green{
    color: #ffffff !important;
    background-color: #8ac503;
        text-align: center;
}

.sideform #sideform .form .field.number { 
    width: 59.5%;
}
/*pricing page Ends*/
.pdl0{
    padding-left: 0px;
}
.pdr0{
    padding-right: 0px;
}
/* ecommerce page */
.ecommerce .inner_package .pbox.last .freepckg{
    min-height: 362px;
}
/* ecommerce ends here*/
/*pricing package*/
.dig-seo .pbox.second .freepckg ul,.dig-seo .pbox.first .freepckg ul{
    min-height: 1814px;
}
.dig-smm .pbox.second .freepckg ul{
        min-height: 262px;
}
.dig-sem .pbox.second .freepckg ul{
            min-height: 254px;
}
/*.dig-sem .pbox.first{
          min-height: 895px;
}*/

.dig-smm .pbox.first .freepckg ul{
           min-height: 344px;
}
.cid-logo-combo .right-pd0 .freepckg{
          min-height: 483px;
}
.logo_design .cid-logo-combo .right-pd0 .freepckg{
            min-height: 438px;
}
.cid-logo-inner .freepckg{
       min-height: 207px;
}
.cid-brochure .freepckg{
    min-height: 286px;
}
.cid-flyer .freepckg{
       min-height: 272px;
}
.cid-stationary .freepckg{
      min-height: 206px;
}
.webdev-logo .pbox.first .freepckg,.webdev-logo .pbox.second .freepckg{
      min-height: 292px;
}
.social_package .pbox.first .freepckg,.social_package .pbox.second .freepckg{
    min-height: 208px;
}
.webdev-brochure .pbox.first .freepckg{
     min-height: 480px;
}
.webdev-brochure .pbox.second .freepckg{
    min-height: 387px;
}
.copywriting .pbox.second .freepckg{
    min-height: 210px;
}
.copywriting .pbox.first .freepckg{
       min-height: 302px;
}
.digital-marketing .dig-seo .pbox.first .freepckg ul,.digital-marketing .dig-seo .pbox.second .freepckg ul{
  min-height: 1813px;
}
.page .pbox ul li {
    margin-left: 30px;
    margin-right: 30px;
}
.page .pbox .freepckg ul li {
    margin-left: 1px;
    margin-right: 1px;
}
.head_highlight_grey{
    color: #ffffff !important;
    background-color: #ccc;
        text-align: center;
}
/* End Pricing Package*/
/*B2B & B2C portal page*/

.noborder:before{
  background: none;
}
.b2b-packages{
      margin-top: 35px !important;
    margin-bottom: 0px;
    text-transform: initial;
    font-weight: normal;
}
.pdbt0{
  padding-bottom: 0px !important;
  font-weight: bold;
    margin-top: 90px !important;
}
.b2b-selectpackage{
         text-transform: initial;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 20px;
    padding-bottom: 0px;
    padding: 0px 72px;
}

.b2b-selectlineleft{
       position: absolute;
   left: 0px;
    top: 20px;
    width: 75px;
    height: 1px;
}
.b2b-selectlineright{
        position: absolute;
   right: 0px;
    top: 20px;
    width: 75px;
    height: 1px;
}
.b2b .pbox h4{
      font-weight: normal;
    font-size: 25px;
        padding: 21px 5px 17px;
}
.page.b2b .inner_package {
    margin-right: 0px;
    margin-left: 0px;
}
.b2b .pbox{
  min-height: initial;
}
.pckg-img{
        margin: 30px 5px 5px;
    height: 145px;
}
.b2b .freepckg{
    margin-left: 10px;
    margin-right: 10px;
}
.b2b-package-btn{
      padding: 20px 60px !important;
    width: initial !important;
}
.b2b .first-row{
      margin-bottom: 30px;
}
/*B2B & B2C portal page ends here*/
/*sliders responsive*/
/*
@media screen and (min-width:361px) and (max-width:767px)
{
 .header_area #business h4, .header_area #copywriting h4 {
        top: 117.863px !important;
         line-height: 29px !important;
         font-size: 24.568px !important;
} 
    .header_area #business h4 span, .header_area #copywriting h4 span {
    font-size: 43px !important;
    }
}
*/

@media screen and (max-width:767px)
{
    .mob-circle-bottom-text {
    margin: 30px auto 30px;
}
    .cont .nav-tabs>li>a {
    min-width: 208px;}
    .header_area h1 {
    font-size: 16px;
}
.cont .nav-tabs>li {
    margin-bottom: 8px;
    }
.page .header_area ul li {
  
    margin-right: 0px; 
    width: 167px;
        font-size: 14px;
}
.page .header_area a.btn {
    margin-bottom: 10px;
}
    .testimonials_sect .owl-theme .owl-controls {
   
    position: relative;
    bottom: 13px;
        
    }
    .contact_home {
    min-height: 657px;
    padding-top: 20px;
}
    .field.code {
    margin-right: 3px;
}
    .pbox h4 {
        font-size: 20px;
    }
     .btn.price.cust {
    width: 190px !important;
            /*margin: 10px 0 0 10px !important;*/
}   
    .btn.vap {
        min-width: 190px !important;
    }
    
    
.whtbg .p200 ul li {
    overflow-wrap: break-word;
}
  
  
    .page .pbox a.btn.pnk,a.btn.pnk,.small-pricing a.btn.pnk {
    padding: 10px 15px;
            min-width: 130px;
    }
 .header_area #business h4, .header_area #copywriting h4 {
         
    line-height: 29px !important;
    font-size: 14.568px !important;
     z-index: 5;
} 
    .header_area #copywriting h4 {
       left: 0 !important;
    right: 0 !important;
            top: 17.1563px !important;
    }
    .header_area #copywriting a.rmore{
            top: 85px !important;
    left: 41% !important;
        
    }
    .header_area #business a.rmore{
             top: 114.9375px !important;
        
    } 
    .header_area #website a.rmore{
             top: 128.313px !important;
        
    }
      
    .header_area #business h4 span, .header_area #copywriting h4 span {
    font-size: 24px !important;
    }
   
    .header_area #business .business-offer{
        top: 5.8125px !important;
    }
    .header_area #video_animation div.parallelogram{
          top: 15.4688px !important;  
    }
    .header_area #video_animation div.parallelogram h3{
       font-size: 14px !important; 
    }
    .header_area #video_animation div.parallelogram p{
         padding-bottom: 19px !important;
        font-size: 10px;
    } 
    .header_area #video_animation div.parallelogram a,.header_area #business a.rmore, .header_area #copywriting a.rmore,    .header_area div a.rmore{
       font-size: 8.9375px !important;
            text-transform: uppercase !important;
    padding: 10px 10px !important;
    }
 
    .header_area #video_animation div.parallelogram h3 strong{
       font-size: 15px !important; 
    }
    .header_area #video_animation .space{
            top: 7.25px  !important;
    left: 475.75px !important;
    } 
    .header_area #video_animation .sld-offer{
            top: 13.656px !important;
    left: 505.875px !important;
    }
    .header_area #website h4 span{
        margin-left: 0px !important ;
    line-height: 0px !important;
            font-size: 16px !important;
    }
     .header_area #website h4 span1{
      
            font-size: 14px !important;
    }
    .header_area #website h4 {
        font-size: 14px !important;
          top: 46.4063px !important;
    } 
    .header_area #website h4 img{
         width:50% !important;
    }
    
}
@media screen and (max-width:375px){
    .header_area #digitalmarketing  h4 span{
        font-size: 16px !important;
    }
     .header_area #digitalmarketing  h4 span1{
        font-size: 14px !important;
    }
    .header_area #video_animation .space {
  
    left: 261.75px !important;
}
    .header_area #video_animation .sld-offer {
  
    left: 281px !important;
}
    .header_area #website h4 img{
         width:40% !important;
    }
    .header_area {
    min-height: 157px !important;
	margin-top:99px;
}
}
@media screen and (max-width:991px)
{
    .collapse-top{
     
    cursor: pointer;
   
}
    .pbox{
        min-height: 269px;
    }
   .collapse-div{
       
}   
  
      .arw h3 {
   
    margin: 15px 0 0 0px !important;
          text-align: center !important;
}
   
      .arw h5 {
    font-size: 30px !important;
        text-align: center!important;
}
    .arw h5 span {
    font-size: 16px !important;
         text-align: center!important;
}
    .page .arw h5:before {
    border: none !important;
    }
}
    @media screen and (max-width:1200px)
{
 
.cont .nav-tabs>li {
    margin-bottom: 10px;
    }
    }
@media screen and (min-width:769px) and (max-width:1179px)
{
    .header_area {
    min-height: 500px;
    }
}
@media screen and (min-width:481px) and (max-width:676px)
{
    .header_area {
    min-height: 236px;
    }
}
@media screen and (max-width:1525px)
{
    .testimonials_sect .owl-theme .owl-controls {
   
    position: relative;
    bottom: 8px;
        
    }
}
/*End Sliders*/
/*Header Mudassir*/
.bl-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background: rgba(0,0,0,0.3);
}
.bl_item:hover .bl-overlay {
    background: rgba(245,44,58,0.9);
}
.bl-content-con{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
}

.bl-content{
    position: absolute;
    top: 100px;
    left: 0;
    height: 100%;
    width: 100%;
}
/*Header Mudassir Ends*/
.page #error_404 {
    padding: 100px 0;
}
.page #error_404 {
    text-align: center;
    padding: 180px 0px;
}
#error_404 h1 {
    font-size: 120px;
    font-weight: bolder;
}
#error_404 h3 {
    font-size: 42px;
}
.btn.price.error:hover {
    border-color: #000;
    color: #000;
}
.video-an-box{
    position: relative;
    margin-bottom: 30px;
}
.video-an-box:after {
    content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,0,0,0.6);
    opacity:0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.video-an-box:hover:after {
    opacity:1;
}
#sitemap{    min-height: 490px;
    padding: 100px 0px; }
#sitemap ul{ list-style-type: none;}
#sitemap li{ margin-bottom: 2px;}
#sitemap li i{     color: #573667;
    margin-right: 7px;}
#sitemap a{ color: #646464;
    font-size: 16px;}
	
	.disclaimer h6 {
    color: #4f4f4f;
}
.disclaimer p {
    color: #cfcfcf;
    font-size: 12px;
}

#load-popup .close {
    right: 75px;
    top: 67px;
}

#load-popup .btn.pnk , .christmas-button {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 350px;
    width: 50%;
}
.christmas-button {
    width: 23%;
}

#load-popup h1 {
    font-size: 26px;
    margin: 105px 0 0 0;
    color: #656277;
}

#load-popup h3 {
    margin: 18px 0 0 0;
    font-size: 16px;
	color: #656277;
}

/*#load-popup h4 {
    font-size: 100px;
    font-weight: bold;
    color: #8267a3;
    margin: 15px 0 0 0;
}*/
#load-popup h4 {
    color: #8267a3;
    font-size: 60px;
    font-weight: bold;
    margin: 10px 0 0;
}
#load-popup h4 span {
    color: #505050 !important;
    display: block;
    font-size: 30px !important;
    text-align: center;
}
#load-popup p {
    color: #000;
    margin: 11px 0 0;
}

/*#load-popup p {
    color: #a5a5a5;
    margin: 83px 0 0 0;
}*/

#load-popup ul {
    margin: 15px auto 0;
    width: 300px;
}

#load-popup ul li {
    display: inline;
	color: #a5a5a5;
}
#load-popup ul li a
{
	color: #a5a5a5;
    font-size: 13px;
    margin: 0 2px;
}
#load-popup ul li a:hover{color:#4b5a8e}

#copy .owl-item img {
    width: auto;
}
#sitemap h4 {
    margin-bottom: 25px;
}
.page.about-us .header_area h1 {
    margin: 150px 0;
}
.our-portfolio .package_area {
    margin-top: 120px;
}

.relative{ position:relative;}
.startform{height:0px;overflow:hidden; position:relative; z-index:1;    margin-top: -6px;}
.startform .thanks p{color:#fff;}
.startproject{width: 304px;z-index:3; top:97px; position:absolute; right:24px;}
.startbutton
{     background: #4b5a8e;
    bottom: -36px;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 17px;
    font-weight: bold;
    height: 43px;
    padding: 10px 0 0 0;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    width: 100%;
    z-index: 2;
    text-align: center;
	}
	.startbutton i{
    margin-left:7px;
    font-size: 14px;
    }
	
	.startbutton.active i.fa-chevron-circle-down:before {
    content: "\f139";
}
.startbutton.active {
    bottom: -43px;
    width: 100%;
}
.figures{-moz-box-shadow:3px 3px 5px 0px #f6f6f6;-webkit-box-shadow:3px 3px 5px 0px #f6f6f6;box-shadow:3px 3px 5px 0px #f6f6f6;border-bottom:1px solid #f6f6f6;}
.form-container {   position: relative;}
.formdv{background:rgb(0, 0, 0);background:#fff;box-shadow:0px 0px 30px #000;width: 100%;padding:10px 0;position:absolute;right:0px;top:0px;z-index:100;border-top-right-radius:0;border-top-left-radius:0;border:1px solid #ccc;}
.formdv .inform{min-height:413px;}
#banform > p {
    font-size: 14px;
	color:#252525;
}
#banform > p span {color:#4b5a8e;}


.formdv p{padding:0;font-size: 11px;font-weight:400;color:#fff;text-align: center;}
.formdv p strong{ color:#ffde00; font-weight:700; text-transform:uppercase}
.formdv h4 strong{color:#ffd800;}
.formdv a{color:#3a3838;text-decoration:underline;}
.formdv a.forgot{padding-right:30px;}
.formdv form{display:block;padding: 10px 19px 6px;margin:0px;}
.formdv .field
{background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin: 0 0 10px;
    padding: 8px 0 7px 26px;
    border-radius: 0;}
.formdv .field.code{margin-right:5px;padding-left:4px !important;}
.formdv::-webkit-input-placeholder{color:#333;}
.formdv:-moz-placeholder{color:#333;}
.formdv::-moz-placeholder{color:#333;}
.formdv:-ms-input-placeholder{color:#333;}
.startform .field.code > input {
    background: none;
    padding-left: 0;
}

.formdv h4 span {font-size: 13px;display: block;text-align: center;padding: 3px 19px 0px 0px;line-height: 17px;}
.formdv input[type="text"], .formdv select, .formdv textarea{border:none;width: 92%;margin-bottom: 2px;    padding-left: 9px;}
.formdv .field.code{ width:20%; float:left}
.formdv .field.number{ width:78%; float:right}
.formdv .field i{color:#8e8e93;margin-top: -3px;    float: left;}
.formdv textarea{ height:102px}
.formdv input[type="submit"]{ display: block;
    font-weight: 700;
    width: 100%;
    padding: 10px 0;
    border-radius: 0;}
	
/*portfolio mobile apps*/

.row.mob-ap{background:#0096ff;position:relative;}
.row.mob-ap::before
{
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 100vw;
  transform: translateX(-50%);
  z-index: -1;
  box-sizing: border-box;
  background:#0096ff;
}
.btn.white {
    background: #fff none repeat scroll 0 0;
    color: #656277;
    margin-top: 40px;
}
.btn.white:hover
{
	background:none;
	color: #000;
}
#mobapp h1 {
    color: #fff;
    font-size: 44px;
    font-weight: 300;
    margin: 30px 0 50px;
}
#mobapp a.link{color:#fff;font-size:17px;}
#mobapp p{color:#fff;font-size:17px;}
#mobapp img
{
	position: absolute;
    top: 100px;
    width: 100%;
}



/*Share Widget*/

.share-icons-div {
    position: fixed;
    right: 0;
    top: 0;
	width:250px;
	z-index: 4;
	
}
.share-icon span
{
	cursor:pointer;
}
.share-icon > ul {
    margin: 0;
    position: absolute;
    top: 42px;
	visibility:hidden;
	transition: visibility 0.4s ease 0.4s;
}
.share-icon > ul li {
    margin: 0;
    width: 100%;
	border-bottom: 1px solid;
	transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.75, -0.17, 0.23, 1.19) 0s;
}
.share-icon > ul li:nth-child(2) a{border-bottom:1px solid #2c2c2c;}
.share-icon > ul li a {
    background: #252525;
    display: table;
    padding: 15px 0 15px 20px;
    width: 100%;
	font-size: 18px;
	color:#fff;
}
.share-icon > ul li a{transition:all 0.3s ease-in-out;}
.share-icon > ul li a i{width: 40px;}

.share-icon span i {
    font-size: 30px;
	float: right;
	color:#4b5a8e;
	margin-right: 10px;
}

.share-icon:hover ul li{transform: translateX(0%);}

.share-icon:hover ul li:nth-child(8){transition-delay: 0.34s;}
.share-icon:hover ul li:nth-child(7){transition-delay: 0.30s;}
.share-icon:hover ul li:nth-child(6){transition-delay: 0.26s;}
.share-icon:hover ul li:nth-child(5){transition-delay: 0.22s;}
.share-icon:hover ul li:nth-child(4){transition-delay: 0.18s;}
.share-icon:hover ul li:nth-child(3){transition-delay: 0.14s;}
.share-icon:hover ul li:nth-child(2){transition-delay: 0.10s;}
.share-icon:hover ul li:nth-child(1){transition-delay: 0.06s;}

.share-icon:hover span{background:#252525;color:#fff;}

.share-icon:hover ul {
    visibility: visible;
}

.share-icon > span {
    display: table;
    float: right;
    padding: 10px 5px 2px 14px;
    text-align: center;
}

.share-icon span:hover{background:#252525;color:#fff;}

.share-icon > ul li a:hover{color:#fff;}

.sh-fb a:hover {background: #1d3a62 !important;}
.sh-twitter a:hover{background:#1DA1F2 !important}
.sh-gplus a:hover{background:#DB4437 !important;}
.sh-linkedin a:hover{background:#0177B5 !important;}
.sh-insta a:hover{background:#527FA4 !important;}
.sh-pinterest a:hover{background:#CB1F27 !important;}
.sh-tumbler a:hover{background:#36465D !important;}
.sh-youtube a:hover{background:#F60001 !important;}

/*thankyou page*/

.build-your{padding:50px 0 0 0;}
.build-your .container{margin-top: 110px;}
.build-your .col-padd{padding:0;}

.box-thnak
{
    padding: 80px 20px 50px;
    position: relative;
    text-align: center;
	transition:all 0.5s ease-in-out;
}

.box-thnak:hover {
    margin-top: -50px;
    padding-bottom: 100px;
}

.box-thnak h1 , .box-thnak h3 , .box-thnak p{color:#fff;}
.box-thnak h1{font-size:30px;}

.box-thnak a
{
	border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    display: block;
    margin: 30px auto 0;
    padding: 13px 0;
    width: 184px;
	transition:all 0.3s ease-in-out;
	box-shadow:0 0 0 0 #fff inset;
}
.box-thnak a:hover{box-shadow: 0 0 0 30px #fff inset;color:#000;}

.box-thnak img {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -60px;
    width: 110px;
}

#logo-thank{background:#f52c3a;}
#business-thank{background:#8ac503;}
#stationery-thank{background:#b400ff;}

.web-des-and-dev
{
	background:url(../images/webdesign-thankyou-bg.jpg);
	background-size:cover;
	background-position:center;
	padding:30px 0 0;
	text-align: center;
	min-height: 770px;
	background-attachment:fixed;
}
.web-des-and-dev h1{color:#fff;text-align:center;margin-bottom: 120px;}


.dimnd-box:hover .dimnd{box-shadow: 0 0 0 90px #f52c3a inset;border-color:#f52c3a;}
.dimnd-box p.child-2{min-height:100px;}
.dimnd
{
	border: 1px solid #fff;
    box-shadow: 0 0 0 0 #f52c3a inset;
    height: 180px;
    margin: 0 auto;
    text-align: center;
    transform: rotate(45deg);
	-webkit-transform:rotate(45deg);
    transition: all 0.3s ease-in-out 0s;
    width: 180px;
}
.dimnd > img {
    margin: 50px 0 0;
    transform: rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}
.web-des-and-dev h3 {
    color: #fff;
    margin-top: 60px;
}
.web-des-and-dev p{color:#fff;margin-bottom:20px;}
.web-des-and-dev a{display:block;width:195px;border:1px solid #fff;border-radius:5px;color:#fff;margin:0 auto;width: 184px;padding:13px 0;transition:all 0.3s ease-in-out;box-shadow:0 0 0 0 #f52c3a inset;}

.web-des-and-dev a:hover{box-shadow:0 0 0 30px #f52c3a inset;border-color:#f52c3a;}

.video-animation-th{padding:20px 0;background:url(../images/video-animation-bg-th.jpg);background-size:cover;background-position:center;}
.video-animation-th h1{text-align:center;margin-bottom: 50px;}

.vid-anim-box-th{text-align:center;}
.vid-anim-box-th:hover img{border-radius: 50%;box-shadow: 0 0 10px 0 #ccc;transition:all 0.3s ease-in-out;}
.vid-anim-box-th h3{margin:30px 0 20px 0;}
.vid-anim-box-th p{padding:0 20px;}
.vid-anim-box-th a{display:block;width:184px;color:#f52c3a;border:1px solid #f52c3a;border-radius:5px;margin:40px auto;color:#f52c3a;padding:13px 0;transition:all 0.3s ease-in-out;box-shadow:0 0 0 0 #f52c3a inset;}
.vid-anim-box-th a:hover{box-shadow:0 0 0 30px #f52c3a inset;border-color:#f52c3a;color:#fff;}

.mob-app-dev-th{background:url(../images/mob-apps-dev-bg-th.jpg);background-size:cover;background-position:center;padding:20px 0;background-attachment:fixed;}
.mob-app-dev-th h1{text-align:center;margin-bottom:100px;}
.mob-app-dev-box-th{text-align:center;}
.mob-app-dev-box-th h4{margin:20px 0;}
.mob-app-dev-box-th p.madbth{min-height:100px;}
.mob-app-dev-box-th a
{
    border-radius: 5px;
    color: #fff;
    display: block;
    margin: 0 auto 40px;
    padding: 13px 0;
    width: 184px;
}
.mob-app-dev-box-th.native a{border:1px solid #b400ff;background:#b400ff;}
.mob-app-dev-box-th.cross-platform a{border:1px solid #f52c3a;background:#f52c3a;}
.mob-app-dev-box-th.enterprise a{border:1px solid #8ac503;background:#8ac503;}
.mob-app-dev-box-th.web-app a{border:1px solid #00aeef;background:#00aeef;}

.top-to-bottom-icon {
    height: 75px;
    left: 0;
    margin: 0 auto;
    position: relative;
    right: 0;
    top: -41px;
    width: 75px;
}
.top-to-bottom-icon a {
    background: #8dc63f none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 48px;
    height: 75px;
    text-align: center;
    width: 75px;
}
.top-to-bottom-icon a i{transition:all 0.3s ease-in-out;}
.top-to-bottom-icon a:hover i{margin-top:20px;}

.blog .snowfall-flakes {
    border-radius: 50%;
}


.logo-design-blog , .webiste-design-blog
{
	padding: 30px 0 50px 0;
	text-align: center;
}
.logo-design-blog h1, .webiste-design-blog h1 {
    margin-bottom: 30px;
    margin-top: 0;
}
.logo-design-blog p, .webiste-design-blog p {
    padding: 0 120px;
}
.logo-design-blog .owl-next i, .webiste-design-blog .owl-next i {
    margin: 0;
}
.logo-design-blog .owl-prev, .webiste-design-blog .owl-prev {
    background: #4b5a8e none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 35px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 100px;
    width: 50px;
}
.logo-design-blog .owl-next, .webiste-design-blog .owl-next {
    background: #4b5a8e none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 35px;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 100px;
    width: 50px;
    right: 0;
}

#logo-design-blog h3{margin:20px 0 10px 0;}

.technology-expert{padding:50px 0;}

.technology-expert ul#myTab{border:0;}
.technology-expert ul#myTab li{padding: 0 20px;float:none;display:inline-block;}
.technology-expert ul#myTab li.first:before{content:"";}

.technology-expert ul#myTab li:before{position:absolute;content:"|";top:12px;left:0;}

.technology-expert ul#myTab li.active a
{
	border-color:#fff !important;color:#F52C3A;
}
.technology-expert ul#myTab li a{font-size:16px;color:#252525;}
.technology-expert ul#myTab li a:hover{background:none;border-color:#fff;}

.technology-expert .tab-content p{text-align:center !important;}

.plateform-content li {
    height: 150px;
    padding: 0 10px;
    overflow: hidden;
    border: 0 !important;
    transition: .3s linear all;
    -moz-transition: .3s linear all;
    -webkit-transition: .3s linear all;
    -ms-transition: .3s linear all;
    -o-transition: .3s linear all;
}
.center-div {
    float: none;
    display: inline-block;
    margin-left: -4px;
}
.plateform-content a {
    display: block;
    height: 100%;
}
.plateform-wrapper {
    display: table;
    height: 100%;
    width: 100%;
}
.plateform {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.plateform img {
    max-width: 80%;
}
.plateform-content li:hover {
    background: #eee;
}
.fixed-offer {
    position: fixed;
    left: 0;
    top: 40%;
	width: 120px;
	background:#4b5a8e;
	z-index:9;
	text-align:center;
}
.dollar-sign {
    font-size: 22px;
    background: #252525;
    color: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    position: absolute;
    top: -15px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 0 0 4px;
}
.fixed-offer h3 {
    color: #fff;
    margin: 30px 0 0 0;
}
.fixed-offer h1 {
    color: #fff;
    font-size: 24px;
    margin: 5px 0 20px 0;
}
.fixed-offer a {
    background: #fff;
    padding: 10px 20px;
}
.fixed-offer p {
    color: #fff;
    margin-top: 20px;
    font-size: 10px;
}

@media (max-width: 767px) 
{
	body.modal-open{position:static;}
	.myFormTheme{position:absolute;}
	.myFormTheme .modal-dialog{margin-top:50px !important;}
}


/*Responsive CSS thankyou page*/

@media only screen and (min-width: 768px) and (max-width: 991px) 
{
	.mob-app-dev-th .col-sm-6:nth-child(3){clear:both;}
	.web-des-and-dev{padding-bottom:10px;}
	.web-des-and-dev .dimnd-box{margin-bottom:100px;}
	.mob-app-dev-th{padding-bottom:10px;}
	.mob-app-dev-th .mob-app-dev-box-th{margin-bottom:80px;}

    #webdev .bg img{
        width: auto!important;
    margin: 30px auto 0 !important;
    display: table;
    }
}

@media only screen and (max-width: 991px)
{
	.technology-expert #collapse-myTab h2{display:none !important;}

    /*New Portfolio*/

    #webdev .bg.right .row{
       display: -webkit-flex; /* Safari */
  -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
  display: flex;
  flex-direction: column-reverse; 
    }

    #webdev .bg {
    padding: 10px 0 10px 0;
}
#webdev .bg ul li {
    float: none;
    margin: 10px auto;
    height: auto;
    text-align: center;
}
#webdev .bg ul li img{width: 70%;margin: 0;}
#webdev .bg ul li h1{font-size: 24px;text-align: center;}
#webdev .bg p{line-height: 24px;font-size: 16px;padding-top: 0;text-align: center;}
#webdev .bg span{display: block;text-align: center;font-size: 16px;}
#webdev .bg span i{display: none;}
#webdev .bg img{width: 100%;margin: 30px 0;}
#webdev .lp-portfolio li{display: inline-block;}
#webdev .lp-portfolio li a.btn {
    font-size: 14px;
    padding: 7px 0;
    margin: 0 0 7px 0;
    min-width: 120px;
}
#webdev .bg a.btn{display: table;margin: 20px auto 0;}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
	.dimnd{width:150px;height:150px;}
	.dimnd > img{margin:30px 0 0 0;}
	.vid-anim-box-th p{padding: 0 30px;}
	.mob-app-dev-box-th img{width:100%;}
	.mob-app-dev-box-th h4{font-size: 16px;}
	.thankyou .header_area{margin-top:60px;}

    #webdev .bg img{width: 100%;}
}

@media only screen and (max-width: 991px)
{
	.box-thnak{margin-bottom: 120px;}
	.top-to-bottom-icon{width:50px;height:50px;top:-24px;}
	.top-to-bottom-icon a{height:50px;width:50px;font-size:30px;}
	#stationery-thank{margin-bottom:0;}
	
	.fixed-offer{display:none;}
    .works.for-logo .works_slide{padding: 0!important;}
    .works.for-logo .works_slide p{padding-right: 0!important;}
    .landing-page #exTab3 .nav-pills > li.three{left: 0!important;}
    .lp-portfolio .lp-hd p{padding: 0!important}
}

@media only screen and (max-width: 640px)
{
	.web-des-and-dev{padding-bottom:0;}
	.web-des-and-dev h1 , .mob-app-dev-th h1{margin-bottom: 80px;font-size: 23px;}
	.dimnd-box{margin-bottom:100px;}

    .page.resp_web .header_area h1{margin-top: 10px !important;}
    .page.resp_web .resp-web-banner-h3{margin-top: 10px;}

}

/*Responsive CSS thankyou page*/


/*thankyou page*/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) 
{
	.share-icons-div{right:16px;}
}

.snowfall-flakes{border-radius:50%;z-index:9999999999999 !important;}

.mt-100{margin-top:100px;}
.tech-inner{padding:100px 0;}
.tech-inner.bg{background:#fafafa;}
.tech-inner h1{font-size:30px;margin:30px 0;}
.tech-inner h3{margin-top:0;}
.tech-inner ul{margin-left:30px;}
.tech-inner ul li i{margin-right:10px;}

.resp-web-banner-h3{margin-top:166px;color:#fff;margin-bottom:10px;font-weight:300 !important;}
.resp-web-banner-h1{margin:0 0 20px 0 !important;font-weight:bold !important;}

.responsive-webstite-headings::before {
    background: rgba(0, 0, 0, 0) url("../images/sprites.png") no-repeat scroll 0 -8px;
    bottom: 16px;
    content: "";
    height: 9px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 216px;
}
.responsive-webstite-headings
{
	color: #656277;
    font-size: 23px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 20px;
    margin-top: 50px;
    padding-bottom: 36px;
    position: relative;
    text-align: center;
	text-transform: uppercase;
}
.responsive-webstite-headings.white{color:#fff;}

div#Comm100-mobile-invitation-content {
    top: 150px !important;
    position: fixed !important;
}
h1.screen-reader-text {
    display: none;
}
nav.navbar.bootsnav ul.nav > li > a:hover{color:#9b1b1f;}
span.page-numbers,a.page-numbers,a.page-numbers.current,span .dots :not(.next){
    color: #ff6d3a;
    margin-right: 8px;
    margin-left: 8px;
    font-size: 17px;
    font-weight: bold;
    border: 3px solid #ff6d3a;
    padding: 7px;
}
a.next{
    border: none !important;
}
a.prev{
    border: none !important;
}
span.dots{
    border: none !important;
}
span.current{
    background: #ff6d3a;
    color: #fff !important;
}
.navigation.paging-navigation{
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}
.mb-20{
    margin-bottom: 20px;
}
.mt-20{
    margin-top: 20px;
}
.logo-cat a img {
    border: 1px solid #cccccc;
    margin-bottom: 25px;
    width: 100%;
}
.logo-cat h2{color:#656277 !important;}

.res-content{padding:50px 0;}
.res-content h3, .res-content h1{font-weight: bold;margin: 15px 0 10px 0;color: #6c6c6c;font-size: 18px;}
.res-content p a{color: #F52C3A;}
.res-content h2{text-transform: none;}


.res-page .works_slide{margin-top: 20px;}
.res-page .works_slide p{line-height: 24px;}

.works.for-logo .works_slide{margin-top: 30px;padding: 0 100px;text-align: center;}
.works.for-logo .works_slide h5{font-weight: 700;font-size: 28px;}
.works.for-logo .works_slide p{line-height: 28px;font-size: 16px;padding-right: 70px;text-align: center;}
.works.for-logo .works_slide .owl-prev{top: 0;}
.works.for-logo .works_slide .owl-next{right: 0;top: 0;}
.works.for-logo h1, .logo-faqs h1
{
    font-size: 23px;
    line-height: 1.4;
    text-align: center;
    margin-top: 10px;
    padding-bottom: 36px;
    margin-bottom: 20px;
    /* margin-bottom: 20px; */
    font-weight: 500;
    color: #656277;
    text-transform: uppercase;
    position: relative;
}
.works.for-logo h1:before, .logo-faqs h1:before
{
        background: url(../images/sprites.png) no-repeat 0 -8px;
    width: 216px;
    height: 9px;
    position: absolute;
    left: 0px;
    bottom: 16px;
    margin: 0 auto;
    right: 0px;
    content: "";
}


.logo-faqs{padding: 50px 0}
.logo-faqs #accordion{padding: 0 100px;}
.card-header .btn-link{width: 100%;
    text-align: left;
    padding: 10px 0 23px 0;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    outline: none;}
.card-header .btn-link:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.card-header .btn-link.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
.card-body{font-size: 16px;}

.dig-mark-boxes{padding: 70px 0;}
.dig-mark-boxes .box{background: #6b3f7d;text-align: center;padding: 50px 20px;border-radius: 10px;box-shadow: 0 0 10px 0 #ccc;}
.dig-mark-boxes .box h3{border-bottom: 1px solid #fff;padding-bottom: 10px;font-size: 15px;}
.dig-mark-boxes .box h3, .dig-mark-boxes .box p{color: #fff;}

.dig-mark-plain-text{padding: 40px 0;border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;}
.dig-mark-plain-text p{text-align: center;padding: 0 70px;}

.dig-ser{padding: 70px 0}
.dig-ser h3{font-weight: 800;color: #4b5a8e;font-size: 16px;}
.dig-ser ul li, .link-building ul li {margin-bottom: 7px;}
.dig-ser ul li i, .link-building ul li i{color: #6b3f7d;margin-right: 7px;}
.dig-ser .mt-70{margin-top: 70px;}

.link-building{padding: 50px 0}

.cont .tab-content {
    margin-left: 50px;
    margin-right: 50px;
}


.responsive-portfolio .owl-nav{margin: 70px 0 0 180px;}
.responsive-portfolio .owl-theme .owl-controls .owl-nav div{background: #F52C3A;
    opacity: 1;}

.screen {
  display: block;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}

.screen img {
  max-width: 100%;
  height: auto;
  position: absolute;
  z-index: 0;
  margin: auto;
  left: 0;
  right: 0;
  padding: 0;
      overflow: hidden;
}
.screen.laptop-img{height: 462px;}  
.screen.ipad-img{height: 416px;} 
.screen.iphone-img {
    height: 314px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

#custom-website .startform{height: 385px;}