@charset "utf-8";
body,form,ul,li,ol{margin:0;padding:0;font-size:20px; font-weight: 400; font-family: 'DM Sans', sans-serif; -webkit-overflow-scrolling: touch !important; }
ul,ol{list-style:none}
p{padding:9px 0;margin:0}
.fl{float:left}
.fr{float:right}
.cl{clear:both;border:none!important;padding:0!important}
.tal{text-align:left}
.tac{text-align:center}
.tar{text-align:right}
.taj{text-align:justify}
.vm{vertical-align:middle}
a{color:#4c4c4c;text-decoration:none}
a:hover{color:#612393;text-decoration:none}
a,a img{border:0 none;outline:none}
.noborder{border:0 none;vertical-align:middle}
body{ color:#3c414d;padding:0;margin:0 auto;background-color:#fff;min-width:0; letter-spacing: 0.2px; overflow: auto !important; max-width: 2000px;}
.va-container{position:relative!important;width:100%!important}
.va-wrapper{width:100%;height:100%!important;position:relative;background:#fff}
.va-slice{position:relative;width:100%!important;background-color:#f9f9f9}
.menu{float:right;padding:40px 0 0;font:normal 15px 'DM Sans', sans-serif;color:#ccc}

.max800Head { max-width:800px; margin: 0 auto 20px auto; }

.aboutUs {background:#fff;}
.aboutUs h1 { font-weight: bold; letter-spacing: -0.5px; margin-top:0px; font-size: 45px; color: rgba(229, 0, 0, 0.6); }
.aboutUs h1 a:hover{color:#4c4c4c;}
ul.cssMenu .activeed ul a{background-color:#262930!important;color:#fff!important}
ul.cssMenu ul{height:0;overflow:hidden;z-index:1000;transition:all .5s;-webkit-transition:all .5s}
ul.cssMenu li:hover > ul{height:auto;transition:all .5s;-webkit-transition:all .5s}
ul.cssMenu ul{position:absolute;left:auto;top:100%;width:100%}
ul.cssMenu ul ul{position:absolute;left:0;bottom:0}
ul.cssMenu,ul.cssMenu ul{width:100%}
ul.cssMenu table{border-collapse:collapse}
ul.cssMenu{display:block;float:left;margin-top:4px}
ul.cssMenu ul{width:190px;height:0;transition:all .5s;-webkit-transition:all .5s;background-color:#262930;color:#777;-webkit-box-shadow:1px 1px 2px rgba(50,50,50,0.2);-moz-box-shadow:1px 1px 2px rgba(50,50,50,0.2);box-shadow:1px 1px 2px rgba(50,50,50,0.2)}
ul.cssMenu li{display:block;font-size:0}
ul.cssMenu a:focus{outline-style:none}
ul.cssMenu a,ul.cssMenu li.dis a:hover,ul.cssMenu li.sep a:hover{z-index:1000;display:block;vertical-align:middle;text-align:left;text-decoration:none;font:600 15px 'DM Sans', sans-serif;color:#4c4c4c;text-decoration:none;cursor:pointer;padding:10px 20px;transition:width 2s;-webkit-transition:all .5s;-moz-transition:all .5s;margin:0;letter-spacing:.4px; position:relative;}
ul.cssMenu a:after { content:""; position: absolute; left: 0px; top: 50%; width: 0px; height: 12px; background:rgba(229, 0, 0, 0.3); transition: all 0.3s; z-index: -1; transform: skewX(0deg); }
ul.cssMenu a:hover:after { width: 100%; }
ul.cssMenu .activeed a:after { width: 100%; }
.activeed a{background-color:transparent;color:#000!important;}
.activeed a:hover:after{color:#000!important;}
ul.cssMenu .activeed a.border:after { width: 0%; }


ul.cssMenu ul a:after { width: 0 !important; }

ul.cssMenu span{overflow:hidden;}
ul.cssMenu li{float:left;padding:0 0 0 25px;position:relative}
ul.cssMenu li.btns{padding:0 8px;font:normal 12px 'DM Sans', sans-serif !important}
ul.cssMenu li.btns a{display:block;padding:7px 12px;line-height:normal!important;border:none!important;background-color:#262930;color:#ddd;font:normal 12px 'DM Sans', sans-serif !important}
ul.cssMenu li.btns a:hover{border:none!important;font:normal 12px 'DM Sans', sans-serif !important;color:#888!important;background-color:#262930!important}
ul.cssMenu ul li{padding:0!important;margin:0!important;display:table-cell;width:100%}
ul.cssMenu ul a{text-align:left;white-space:nowrap;padding:10px 0 10px 10px;border:none;color:#ddd;text-align:left;margin:0;font:500 13px 'DM Sans', sans-serif !important;text-transform:none;transition:width 2s;-webkit-transition:all .5s;-moz-transition:all .5s;border:none!important; position:relative; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);}

ul.cssMenu ul a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #3c414d;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
ul.cssMenu ul a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); }


ul.cssMenu ul a img{padding:0 0 10px}
ul.cssMenu li.sep{text-align:left;padding:0;line-height:0;height:100%}
ul.cssMenu li:hover{position:relative}
ul.cssMenu li:hover > a{color:#000;text-decoration:none}
ul.cssMenu li a:hover{position:relative;color:#000;text-decoration:none;}
ul.cssMenu li ul a:hover{color:#fff!important;}
ul.cssMenu li.dis a{color:#aaa!important}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none!important}
ul.cssMenu li.dis a:hover img.def{display:inline!important}
ul.cssMenu li:hover > a img.def{display:none}
ul.cssMenu li:hover > a img.over{display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul,ul.cssMenu a:hover a:hover a:hover ul{display:block}
ul.cssMenu a:hover ul ul,ul.cssMenu a:hover a:hover ul ul{display:none}
ul.cssMenu span{display:block}
ul.cssMenu li a.cssMenui0{font-weight:700;padding:5px 29px}
.nav_up{position:fixed;background:transparent url(../images/arrow_up.png) no-repeat top left;background-position:50% 50%;width:27px;height:30px;top:180px;right:0;white-space:nowrap;cursor:pointer}
.nav_down{position:fixed;background:transparent url(../images/arrow_down.png) no-repeat top left;background-position:50% 50%;width:27px;height:30px;top:209px;right:0;white-space:nowrap;cursor:pointer}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/* .grabbing{cursor:url(grabbing.png) 8 8,move} */
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls{margin-top:10px;text-align:center}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-controls .owl-page span{display:block;width:35px;height:5px;margin:5px;filter:Alpha(Opacity=50);opacity:.5; background:#869791; transition: all 0.2s ease;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1; width:35px;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}
#slideshow{width:100%;text-align:right;height:600px}
.slider-item{width:100%!important}
.slider-item img{margin:0;padding:0}
.slider_content_inner img{border:none}
.controls-center{z-index:1000;width:100%;z-index:2000;position:absolute;top:65%;left:0}
#slider_controls ul{display:block;max-width:600px;margin:auto;border-left:solid 1px #000;margin:auto}
#slider_controls ul li{float:left;display:table-cell;color:#000;position:relative;width:25%}
#slider_controls ul li a{display:block;outline:none;color:#444;text-decoration:none;text-align:center;transition:width 2s;-webkit-transition:all .5s;-moz-transition:all .5s;padding:60px 0 18px;font:normal 14px 'DM Sans', sans-serif;}
#slider_controls ul li a:hover,#slider_controls ul li a.activeSlide{color:#f1f1f1}
#slider_controls li.slid_1 a{background:url(../images/webdesign3.png) no-repeat center top}
#slider_controls li.slid_1 a:hover,#slider_controls li.slid_1 a.activeSlide{background:url(../images/webdesign1.png) no-repeat center top}
#slider_controls li.slid_2 a{background:url(../images/logo3.png) no-repeat center top}
#slider_controls li.slid_2 a:hover,#slider_controls li.slid_2 a.activeSlide{background:url(../images/logo1.png) no-repeat center top}
#slider_controls li.slid_3 a{background:url(../images/webdevelopment3.png) no-repeat center top}
#slider_controls li.slid_3 a:hover,#slider_controls li.slid_3 a.activeSlide{background:url(../images/webdevelopment1.png) no-repeat center top}
#slider_controls li.slid_4 a{background:url(../images/mobileui3.png) no-repeat center top}
#slider_controls li.slid_4 a:hover,#slider_controls li.slid_4 a.activeSlide{background:url(../images/mobileui1.png) no-repeat center top}
.btn1{font:normal 22px 'DM Sans', sans-serif;color:red;padding:30px 0 0;text-transform:uppercase}
.btn1 a{color:#10a7ed;padding:6px 32px 5px 0;background:url(../images/newarows1.png) no-repeat 130px center;color:red;width:400px;transition:width 2s;-webkit-transition:all .5s;-moz-transition:all .5s;display:block}
.btn1 a:hover{color:red;background:url(../images/newarows1.png) no-repeat 135px center}
.banner_main{width:100%;text-align:center;padding:7% 0 0}
.slide_inner_title{font:normal 24px 'DM Sans', sans-serif;color:#f9f9f9;max-width:500px;margin:auto;padding:15px 20px}
.slide_inner_title h2{font:bold 45px 'DM Sans', sans-serif;color:#f9f9f9;padding:0 0 20px;text-transform:lowercase}
.slide_inner_title h2 span{border-bottom:solid 2px #fff;width:150px;height:1px;display:block;margin:auto;padding:20px 0 0}
.morebtn{width:57px;margin:20px auto 0}
.morebtn a{display:block;height:29px;background:url(../images/morebtn.png) no-repeat left top;transition:width 2s;-webkit-transition:all .5s;-moz-transition:all .5s}
.morebtn a:hover{height:29px;background:url(../images/morebtn.png) no-repeat left bottom}
.clientsDiv{width:100%;display:table}
.clientsDiv div{width:32%;display:table-cell}
.homepagebo{color:#666;padding:0;margin:0;line-height:18px;overflow:scroll;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden}
#main{position:relative;padding:110px 0 0}
.homemain{background-color:#ddd}
.navbar-collapse{padding:0}
a.logo{position:absolute;left:auto;background:url(../images/logo.png) no-repeat center center; background-size: 100%; display:block;transition:width 2s;-webkit-transition:all .5s;-moz-transition:all .5s;width:200px;height:100%;text-indent:-9999px}
.logo a:hover{color:red}
.top_part{background-color:rgba(255,255,255,0.98);border-bottom:solid 0 #e7e7e7;min-height:0;position:fixed;left:0;width:100%;top:0;z-index:999;padding:15px 0;box-shadow:0 1px 2px rgba(0,0,0,0.03);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.03)}
.overlay{width:100%;height:100%;background:#eee;top:0;left:0;position:fixed;z-index:99;z-index:999999}
.overlayimg{position:absolute;top:48%;left:48%;z-index:9999991}
.homepageslidshow{position:relative;z-index:200;height:100%;width:100%;text-align:center;margin:auto}
.mian_background{width:100%;height:100%;position:absolute}
.maxPara { max-width: 800px; margin: 35px auto 0 auto; line-height: 34px; letter-spacing: 0.2px; }
.portfolio1{max-width:650px;position:relative;margin:80px auto 0;padding:10px 18px}
.portfolio1 img{width:100%;position:absolute;left:0;top:0;z-index:6}
.inner_detial{position:fixed;width:100%;height:100%;opacity:.8;filter:alpha(opacity=80)}
.inner_detial img{width:100%;height:100%}
.inner_content{z-index:100;min-height:400px;margin:auto;padding:0}
.information{font:normal 15px 'DM Sans', sans-serif;padding:10px 10px 0 0;position:absolute;right:0}
.information li{float:left;padding:0 5px 0 25px;font-weight:700;font-size:13px;letter-spacing:.4px}
.information li a{color:#3c414d}
.information img{width:14px;margin-right:3px;margin-bottom:-2px}
.information li:first-child img{margin-right:0}
.information li a:hover{color:#000}
.inner_link{position:relative;left:0;top:0;z-index:100;padding:0;width:100%}
.inner_link li{padding:0 1px 0 3px;text-align:right;color:#777;display:table;float:left;width:25%;text-align:left}
.inner_link a{color:#fff;text-align:center;display:table-cell;height:50px;vertical-align:middle;background:transparent;font-weight:700;padding:0;transition:width 2s;-webkit-transition:all .5s;-moz-transition:all .5s;border-top:solid 3px rgba(255,255,255,1)!important;font-size:14px;text-transform:uppercase;letter-spacing:.5px;border-bottom:none!important}
.inner_link a:hover{color:#fff;background:#3c414d;border-top:solid 3px rgba(0,0,0,0)!important}
.inner_link li.activeed a,.inner_link li.activeed a:hover,.inner_link li.activeed a:active,.inner_link li.activeed a:focus{color:#222!important;background:#fff;border-top:solid 2px rgba(255,0,0,0)!important;text-decoration:none;border-bottom:none!important}
.redbtn{position:absolute;left:49%;top:70%;z-index:500}
.inner_allimage{width:100%;color:#000;padding:0;display:none}
.inner_allimage img{width:100%}
.top_nav{max-width:1200px;margin:auto;padding:0 15px;position:relative}
.top_nav1{position:relative}
#portfolios{min-width:650px;min-height:550px;position:relative;z-index:5}
#prev{position:absolute;left:-50px;top:190px;z-index:9999;background:url(../images/prev.png) no-repeat left top;width:24px;height:45px;text-indent:-9999px}
#next{position:absolute;right:-50px;top:190px;z-index:9999;background:url(../images/next.png) no-repeat left top;width:24px;height:45px;text-indent:-9999px}
.porfolio_in{position:relative;padding:10px;min-width:650px}
#porfolio_in img{width:100%}
.loach_btn{display:none}
.portfolioImg{margin:15px 0;position:relative;background-color:#000}
.portfolioImg .projectTitle{position:absolute;font-size:22px;font-weight:700;opacity:0;z-index:9;text-align:left;color:#fff;top:0;left:0;padding:25px 30px;height:100%;width:100%;transition:all .3s;-webkit-transition:all .3s}
.portfolioImg:hover .projectTitle{opacity:1}
.portfolioImg:hover img{opacity:.5}
.porfolio_in:hover>.loach_btn{display:block;position:absolute;bottom:0;left:43%;text-transform:uppercase}
.porfolio_in:hover>.loach_btn a{display:block;background-color:red;padding:8px 20px;font:normal 13px 'DM Sans', sans-serif;color:#fff;letter-spacing:1px}
.nextPage .da-animate{left:0!important;right:0!important;top:0!important}
.nextPage .da-animate:hover{background-color:#555!important}
.prevPage .da-animate h3,.nextPage .da-animate h3{font-size:22px;margin:-25px 0 0;position:relative;top:50%;padding:0}
.prevPage .da-animate{left:0!important;right:0!important;top:0!important}
.prevPage .da-animate:hover{background-color:#555!important}
.styled-v-bar{width:5px;margin-right:-19px;margin-bottom:4px;background-color:#bababa;z-index:100}
.styled-v-bar ins{display:block;background-color:#bababa;width:5px;height:4px;position:absolute;top:100%}
.alt-scroll-content{width:100%!important}
#demo2{overflow:scroll;text-align:justify;border:solid 1px #bababa;padding:20px 25px}
.mid_right{max-width:1100px;padding:0;margin:auto}
.mid_left{text-align:left;position:relative;min-height:100px;z-index:100;padding:30px 0 0}
.in_left{text-align:left;width:100%;font:normal 15px 'DM Sans', sans-serif;float:left;position:relative;color:#fff;background-color:rgba(229, 0, 0, 0.6);padding:100px 0 20px;}
.in_left h1{font-size:42px;font-weight:bold;text-transform:lowercase; letter-spacing: -0.8px;}
.iconinside{padding:20px 0}
.iconinside img{width:40%}
.main_all_title{float:right;padding:0px 0 0;font:normal 26px 'DM Sans', sans-serif;color:#333;width:100%;position:relative;margin:0;background-color:rgba(229, 0, 0, 0.6);}
.main_all_title span{color:#777}
.arows{position:absolute;display:none;right:-12px;top:20px}
.in_right{ max-width:1200px; margin: 0 auto; font:normal 18px 'DM Sans', sans-serif; color:#5a5a5a;  line-height:30px; padding:50px 0 80px; }
.in_right h2{font:normal 16px 'DM Sans', sans-serif;color:#333;padding:15px 0 0;margin:0}
.sloganline{font:normal 16px 'DM Sans', sans-serif;text-transform:none;color:red;float:right;margin:48px 0 0;line-height:normal;text-transform:uppercase;padding:3px 8px 4px;border:solid 2px red;display:none}
.promote{background-color: rgba(229, 0, 0, 0.6); color: #fff; padding: 50px 0; max-width: 700px; margin: 0 auto 100px auto;  /* border: solid 10px rgba(229, 0, 0, 0.6); */}
.promote h2{color:#fff;margin-bottom:34px;font-size:35px;font-weight:200}
#fotter{background-color:#272b33;z-index:99999;position:relative;z-index:100; font-size: 15px;}
.footer ul{display:table;width:100%}
.footer li{padding:45px 0;}
.footer ul li ul li{float:none;padding:0;width:auto;height:auto;display:block}
.footer ul li ul li a{display:block;padding:4px 16px;margin:2px 0;font-size:15px;color:#bababa;transition:width 2s;-webkit-transition:all .5s;-moz-transition:all .5s; letter-spacing: 0.4px; font-weight: 400;}
.footer ul li ul li a:hover{background-color:rgba(0,0,0,0.15);color:#fff;padding:4px 14px 4px 18px}
.footer ul li ul li.title{font-weight:700;color:#fff;font-size:14px;padding:0 16px 15px;width:auto;height:auto;text-transform:uppercase;letter-spacing:.5px}
ul.social li.facebook, ul.social li.twitter, ul.social li.linkden, ul.social li.googlePlus, ul.social li.pinterest { float:left;width:30px;height:30px;margin:0 6px 0 0;padding:0 }
ul.social li.facebook a, ul.social li.twitter a, ul.social li.linkden a, ul.social li.googlePlus a, ul.social li.pinterest a {opacity:.5;width:30px;height:30px;display:block;padding:0}
ul.social li.facebook a{background:url(../images/social_icons.png) no-repeat left bottom; }
ul.social li.twitter a{background:url(../images/social_icons.png) no-repeat -31px bottom;}
ul.social li.linkden a{background:url(../images/social_icons.png) no-repeat -62px bottom;}
ul.social li.googlePlus a{background:url(../images/social_icons.png) no-repeat -93px bottom;}
ul.social li.pinterest a {background:url(../images/social_icons.png) no-repeat -124px bottom;}
.organization {padding: 4px 16px;}
ul.social li.facebook a:hover, ul.social li.twitter a:hover, ul.social li.linkden a:hover, ul.social li.googlePlus a:hover, ul.social li.pinterest a:hover{opacity:1}
.servicesfront { z-index:2; position: relative; }
.potfoliobg{background-color:rgb(122 86 228 / 90%)!important;color:#bababa; position:relative;}
.potfoliobg:before { position:absolute; content:""; width: 100%; height:100%; background:url(../images/bgCover2.jpg) no-repeat center center; background-size: cover; top:0px; left: 0px; z-index:0; opacity: 0.14; }
.potfoliobg .container {}
.potfoliobg p{color:#fff;  letter-spacing: 0.2px;}
.potfoliobg h2 { color:#fff; }
h2{margin-bottom:20px;margin-top:0;font-weight:bold;font-size:45px;letter-spacing: -1px; color: rgba(229, 0, 0, 0.6); }
h3,.h3{font-size:18px;margin-bottom:15px}
.subTitle{color:red;font-size:15px}
.potfoliobg .services h3{color:#fff;font-size:23px;margin-bottom:20px;margin-top:25px}
.homeslide{width:100%;position:relative}
.homeslideinside{max-width:550px;margin:auto;padding:0 15px;position:relative;height:400px}
.homeslideinside h1{font-size:30px;color:#444}
.homeslifirst{position:absolute;left:0;bottom:-2px;z-index:1000;width:85px}
.homeslisecond{position:absolute;right:0;bottom:130px;z-index:1000;width:280px}
.text_box{background-color:#fff; float: left; border:solid 1px #ddd;border-bottom:solid 2px #ddd; outline:none;padding:18px;text-align:left;font:normal 18px 'DM Sans', sans-serif;width:100%;color:#555}
.text_box:focus{border-bottom:solid 2px #888;color:#444}
#msg{color:red;font:normal 18px 'DM Sans', sans-serif;display:block;padding:0 0 12px}
.red{color:red}
.submit_btn{background-color:rgba(229, 0, 0, 0.6);font:bold 18px 'DM Sans', sans-serif;border:none;cursor:pointer;color:#fff;margin:10px 5px 0 0; transition: all 0.3s ease; padding: 20px 70px; }
.submit_btn:hover{background-color:#3c414d;color:#fff}
.contect{font-size:16px;line-height:22px;text-align:left;letter-spacing:.5px}
.conleft{position:relative;padding:10px 15px;z-index:100}
.conleft h2{font:normal 20px 'DM Sans', sans-serif;color:red;padding:0}
.conright{width:100%;height:100%;border:solid 1px #ddd;margin:10px 0 0}
.conright1{padding:10px 15px}
.contect strong{display:block;margin-top:10px}
.scroll_down{position:absolute;left:40%;bottom:-35%;z-index:2000;color:#333;font:normal 18px 'DM Sans', sans-serif;background:url(../images/downarows.png) no-repeat center bottom;padding:0 0 50px}
.rafqbtn{position:fixed;right:0;top:100px}
.copyrighttext{padding:6px 0;text-align:center;width:100%;position:absolute;left:0;bottom:-50px;font:normal 14px 'DM Sans', sans-serif;color:#666}
.copyright_text{text-transform:uppercase;border-top:solid 1px #343842;padding:10px 40px;font:normal 12px 'DM Sans', sans-serif;color:#bababa;text-align:center}
.ourclients{margin:0}
.simply-scroll-container{position:relative}
.simply-scroll-clip{position:relative;overflow:hidden}
.simply-scroll-list{overflow:hidden;margin:0;padding:0;list-style:none}
.simply-scroll{max-width:1200px;margin:auto;padding:0 15px}
.simply-scroll .simply-scroll-clip{width:100%}
.simply-scroll .simply-scroll-list li{float:left;padding:25px 0;text-align:center;border:solid 0 #b5b5b5;width:180px;margin:0 15px}
.simply-scroll .simply-scroll-list li img{height:65px;width:auto; filter: grayscale(100%); opacity: 0.7;}
ul.cssMenu li a.border{background-color:rgba(229, 0, 0, 0.6)!important;border-color:rgba(229, 0, 0, 0.6)!important;color:#fff!important; 
	-webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
	position: relative;
}

ul.cssMenu li a.border:before {
	content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #3c414d;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
	
}

ul.cssMenu li a.border:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); }


ul.cssMenu li a.border:hover{background-color:rgba(255,0,0,0.84)!important;border-color:rgba(255,0,0,0.84)!important;color:#fff!important; }
ul.cssMenu li a.border:hover:after { width:0px; }
.redMe{color:#b33a72}
.listing li{background:url(../images/features-arrow.png) no-repeat 10px 8px;padding-left:35px}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}
#cboxOverlay{position:fixed;width:100%;height:100%}
#cboxMiddleLeft,#cboxBottomLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}
#cboxTitle{margin:0}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}
.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}
.cboxIframe{width:100%;height:100%;display:block;border:0}
#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}
#cboxOverlay{background:#333;z-index:99999}
#colorbox{outline:0;z-index:999999}
#cboxContent{margin-top:32px;overflow:visible;background:#000;z-index:999999}
.cboxIframe{background:#fff;z-index:999999}
#cboxError{padding:50px;border:1px solid #ccc}
#cboxLoadedContent{z-index:999999}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center}
#cboxLoadingOverlay{background:#000}
#cboxTitle{position:absolute;top:-22px;left:0;color:#eee;font:normal 16px 'DM Sans', sans-serif}
#cboxCurrent{position:absolute;top:-22px;right:205px;text-indent:-9999px}
#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;text-indent:-9999px;width:20px;height:20px;position:absolute;top:-20px;background:url(../images/controls.png) no-repeat 0 0}
#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}
#cboxPrevious{background-position:0 0;right:44px}
#cboxPrevious:hover{background-position:0 -25px}
#cboxNext{background-position:-25px 0;right:22px}
#cboxNext:hover{background-position:-25px -25px}
#cboxClose{background-position:-50px 0;right:0}
#cboxClose:hover{background-position:-50px -25px}
.cboxSlideshow_on #cboxPrevious,.cboxSlideshow_off #cboxPrevious{right:66px}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px;right:44px}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0;right:44px}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px}
.da-thumbs li img{display:block;}
.da-thumbs li{overflow:hidden;transition:width 2s;-webkit-transition:all .5s;-moz-transition:all .5s}
.da-thumbs li:hover{-webkit-box-shadow:1px 1px 2px rgba(50,50,50,0.2);-moz-box-shadow:1px 1px 2px rgba(50,50,50,0.2);box-shadow:1px 1px 2px rgba(50,50,50,0.2)}
.da-thumbs li article{position:absolute;background-color:rgba(120, 71, 197, 0.95);width:100%;height:100%}
.da-thumbs li article.da-animate{-webkit-transition:all .2s ease;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.da-slideFromTop{left:0;top:-100%}
.da-slideFromBottom{left:0;top:100%}
.da-slideFromLeft{top:0;left:-100%}
.da-slideFromRight{top:0;left:100%}
.da-slideTop{top:0}
.da-slideLeft{left:0}
.da-thumbs li article a{color:#fff;padding:20px;display:block;position:absolute;width:100%;height:100%}
.da-thumbs{text-align:center; display: flex; flex-wrap: wrap;}
.da-thumbs li article h3{color:#fff;font:bold 30px 'DM Sans', sans-serif;padding:20% 0 0;margin:0}
.subtitle{padding:10px 0 20px;font:normal 12px 'DM Sans', sans-serif;color:#fff}
.da-thumbs li article span{display:inline-block}
span.link_post{display:block;width:35px;height:35px;border-radius:50px;cursor:pointer;background:url(../images/link_post_icon.png) no-repeat 9px 9px;margin-right:10px;border:solid 2px #ddd;opacity:.7}
span.link_post:hover{opacity:1;border:solid 2px #fff}
span.zoom{overflow:hidden;display:block;width:35px;height:35px;border-radius:50px;cursor:pointer;background:url(../images/zoom_icon.png) no-repeat 10px 10px;margin-left:10px;border:solid 2px #ddd;opacity:.7}
span.zoom:hover{opacity:1;border:solid 2px #fff}
.portfolio_2col article h3{padding-top:70px!important}
.image_grid{float:left;overflow:hidden;position:relative;padding:10px 0 0}
.image_grid li{float:left;padding:0;position: relative;line-height:17px;color:#686f74;list-style:none;overflow:hidden;margin:15px;text-align:center;  width: calc(50% - 30px);}
.image_grid li img{width:100%}
.btn-combo{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:20px 30px;font-size:18px;font-weight:bold;line-height:1.42857143;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s;-webkit-transition:all .3s}
.btn-combo:hover,.btn-combo:focus,.btn-combo:active{text-decoration:none}
.btn-common{background-color:#fff}
.btn-common:hover,.btn-common:focus,.btn-common:active{background-color:#fff;color:#3c414d}
.btn-dark{background-color:rgba(229, 0, 0, 0.6);color:#fff; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; border: none; }
.btn-dark:hover,.btn-dark:focus,.btn-dark:active{background-color:#666;color:#fff}
.btn-dark:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #3c414d; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform;  transition-property: transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out; }
.btn-dark:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); }
.btn-prime{background-color:rgba(255,0,0,0.84);color:#fff}
.m-t-20{margin-top:20px}
.services{display:table-cell;vertical-align:top;color:#fff;position:relative;width:25%;float:none;padding:120px 40px;transition:all .3s;-webkit-transition:all .3s}
.services a{color:#fff}
.services:hover{background-color:rgba(255,255,255,0.05);padding:100px 40px 120px}
.services .more{position:absolute;font-size:15px;bottom:70px;opacity:0;font-weight:700;color:#fff;transition:all .3s;-webkit-transition:all .3s}
.services:hover .more{opacity:1;bottom:90px;color:#fff}
.services .more:hover{text-decoration:underline}
.maxWidth1500{max-width:1550px;margin:0 auto}
.sectionPad{padding:70px 0;position:relative}
.sectionPad50 {padding:60px 0;position:relative}
/* .backGray{background-color:#f3f3f3} */
.img-thumbnail{border-width:0;border-radius:0;-webkit-border-radius:0;box-shadow:0 25px 25px rgba(0,0,0,0.08);-webkit-box-shadow:0 25px 25px rgba(0,0,0,0.08)}
.websiteDetails{font-size:18px;font-weight:700}
.in_right.padMinus{padding:20px 0 120px}
.backPage{ /*background:rgba(101,69,199,0.84);*/ padding:30px 0 10px 0;color:#333; /* border-top:solid 1px rgba(255,255,255,0.11) */}
.backPage a:hover{color:#fff}
.backPage a{font-weight:700;transition:all .3s;-webkit-transition:all .3s;}
.banner{position:relative}
.bannerHeading{width:100%;height:100%; position:absolute;top:0;left:0; display: flex; align-items: center; justify-content: center;}
.banner .item{background-color:#636a82;position:relative}
.banner .item a {position:absolute;font-size:45px;font-weight:300;color:#fff;text-align:center; padding: 5px 12px; line-height: 58px; }

.banner .owl-controls{position:absolute;width:100%;bottom:10px;display:none;}
.banner .owl-controls .owl-page.active span{background:#fff;background:#fff}
.bannerHeight {height: 500px !important;}
.bannerStyle {width: 100%; background-size: cover !important; height: 500px !important; }
.banner1 {background: url('../images/bgCover.jpg') no-repeat center center}
.banner2 {background: url('../images/bgCover4.jpg') no-repeat center center}
.banner3 {background: url('../images/bgCover8.jpg') no-repeat center center}

.updatedBanner.banner .bannerHeading { position:relative; height: auto; flex-wrap: wrap; max-width: 1000px; margin: 0 auto; }
.updatedBanner.banner .bannerStyle { display: flex; align-items: center; }
.updatedBanner.banner .item a { margin: 0 auto; max-width: 700px; position:relative; font-weight: bold; }
.updatedBanner.banner .item a span {   background: #ed4c4ce0; /*background: rgba(255, 65, 77, 0.90);*/ }
/* .updatedBanner.banner .owl-controls { bottom: 80px; } */

.updatedBanner.banner:before { position:absolute; content:""; height: 100%; width: 100%; background:#ff0000; left:0px; top: 0px; }

.footerKeywords { font-size:13px; font-style: italic; color:#bababa; text-align:center; padding: 20px 35px 25px 35px;}
.copyright_text a { color:#bababa; font-weight: bold; }
.keywordBack {background-color: #272b33;}
#fotter a, .keywordBack a {color:#ddd;}
#fotter a:hover, .keywordBack a:hover {color:#fff;}
.getInTouch {padding: 0 0 30px 0; display:inline-block; width:100%;}
.sitemapCol li {display:inline-block; width:100%; margin: 12px 0px; font-size: 17px; }

.formDiv { display:block; box-shadow: 0px 6px 15px rgba(0,0,0,0.7); -webkit-box-shadow: 0px 6px 15px rgba(0,0,0,0.7); border-radius: 4px; -webkit-border-radius: 4px; }
.inquiryHead { /* color:#fff; */ background-color: #fff !important; border-bottom: solid 3px rgba(255,0,0,0.84); font-weight: bold; padding: 15px 25px; border-radius: 4px 4px 0 0; font-size:20px; }
.formDiv .form-group { padding:0px 15px; margin-bottom: 10px; }
.formContainer { padding:6px 12px 22px 12px; display: inline-block; width: 100%; }
.formDiv .form-group .text_box { font-size:15px; font-weight: bold; font: normal 17px 'DM Sans', sans-serif; }
.form-group.marginZero { margin: 0px; }

.offerModal { padding: 15px 20px 0px 20px !important; }
.offerModal .modal-dialog { margin: 50px auto 0px auto; }
.offerModal .modal-body { padding:0px; }
.offerModal .close { position:absolute; right: -13px; top:-13px; opacity:1; border-radius:55px; -webkit-border-radius:55px; line-height:55px; background-color:#fff; width: 55px; height: 55px; z-index:99999; text-align:center; font-size: 31px; color: #666; }
.offerModal .emailUs {position:absolute; bottom:29px; right:0px; font-size:25px; width:50%; text-align:center;}
.offerModal .callUsOffer {position:absolute; bottom:30px; font-size:25px; width:50%; text-align:center; }
.termsConditions { position:absolute; color:#999; bottom:5px; right:0px; font-size:10px; text-transform:uppercase; width:100%; text-align:center; }
.modal-backdrop.in { opacity: .7; } 

.homeAboutLink a { font-weight: 600; color:#24272f; }
.box-shadow-none { border: none; box-shadow: none !important; }

.image_grid.homePageWork li { width: calc(33.3% - 30px); }

.borderBtn { line-height: 32px; border-bottom: solid 4px rgba(229, 0, 0, 0.3); padding: 10px 0; font-weight: 700; display: inline-block; }
.borderBtn:hover { color:#000; }

.didGreat { padding: 0px 5px 32px 5px; }
.didGreat h2 { font-size:51px; padding-top: 40px; font-weight: bold; /*color:rgba(229, 0, 0, 0.6);*/ margin-bottom:10px; position: relative; }
.didGreat h2:before { content:""; position: absolute; height:2px; width:100%; background:rgba(229, 0, 0, 0.4); left: 0px; top: 0px;  }
.didGreat span { font-size:20px; font-weight: bold; color: rgb(239 102 102); }

.upload_btn_info{ width:100%; padding:0; margin:20px 0 10px 0; display:block; clear:both; position:relative;}
.upload_btn_info input[type="file"]{ width:auto; height:44px; position:absolute; left:0; right:0; opacity:0; cursor:pointer;}
.upload_btn{ height:44px; padding:0 15px; margin:0; font-size:16px; color:#ffffff; font-weight:500; background:#267297; border:none;}

.check_info{ width:100%; min-height:49px; float:left; padding:0; margin:0 0 15px 0; border-bottom: solid 2px #ddd;}
.check_info label{ float:left; padding:0; margin:10px 20px 0 0; font-size:15px; color:#000000; font-weight:400;}
.check_info input[type="radio"], .check_info input[type="checkbox"]{ float:left; padding:0; margin:7px 10px 0 0;}

.opportunity_info { width: 100%; padding: 0; margin: 0 0 50px 0; }
.opportunity_info .block p { padding: 0; margin: 10px 0; font-size: 16px; color: #333333; }
.opportunity_info .block p strong { font-size: 17px; font-weight: 700; }
.opportunity_info .block { width: 100%; float: left; padding: 8px 0; margin: 0; border-bottom: 2px solid #ededed; }

.global_title { padding: 0 0 16px 0; margin: 30px 0 5px 0; font-size: 26px; font-weight: 600; }


.landingForm { max-width: 800px; margin:0 auto; }
.landingForm .text_box { padding: 18px 15px; }

.landingForm .form-group { padding-left: 8px !important; padding-right: 8px !important; }

.ourProcess img { max-width: 90px; background: #f6e0e0; border-radius: 5px; padding: 10px; }
.ourProcess .headProcess { font-size: 22px; margin-top: 30px; }

.processDiv { padding-bottom: 20px; padding-top: 20px; }

.reviewsDiv { max-width:600px; margin: 0 auto; }
.reviewsDiv h3 { font-size: 26px; line-height:35px; margin-bottom: 40px; }
.reviewsDiv .reviewFrom { margin-bottom: 30px; }
.reviewsDiv .reviewFrom h4 { font-weight: bold; font-size: 18px; margin-bottom: 0px; }
.reviewsDiv .reviewFrom span { font-size:16px; color: #eee; } 

.googleReviews { background:#26303c; position:relative; color:#fff; }
.googleReviews:before { position:absolute; content:""; width: 100%; height:100%; background:url(../images/bgCover10.jpg) no-repeat center center; background-size: cover; top:0px; left: 0px; z-index:0; opacity: 0.12; }
.googleReviews .testimonialsHead { margin-top: 10px; margin-bottom: 10px; font-weight: bold; font-size: 22px; }

.inquiryBtn { bottom:10px; position:fixed; left:10px; z-index:101; }
.inquiryBtn a { font-size:15px; color:#fff; background-color:#14c656; padding: 12px; display:inline-block; text-transform:uppercase; font-weight:600; transition: all 0.4s; border-radius: 75px; box-shadow: 0px 3px 10px rgba(0,0,0,0.1); }
.inquiryBtn a:hover { background-color:#2e3c46; text-decoration:none; }
.inquiryBtn a img { max-width:35px; }

.callBtn {  bottom:10px; position:fixed; right:10px; z-index:101; }
.callBtn a { font-size:15px; color:#fff; background-color:#ef6666; padding: 12px; display:inline-block; text-transform:uppercase; font-weight:600; transition: all 0.4s; border-radius: 75px; box-shadow: 0px 3px 10px rgba(0,0,0,0.1); }
.callBtn a:hover { background-color:rgba(229, 0, 0, 1); text-decoration:none; }
.callBtn a img { max-width:35px; }

.spotDiv { padding-left: 25px; padding-right: 25px; }
.webdesignGallery .spotMainDiv a.spotlight { height:500px; overflow:hidden; position:relative; box-shadow: 5px 25px 25px -20px rgba(0,0,0,0.1); transform: translateY(0); transition: all 0.3s; display: block; }
.webdesignGallery .spotMainDiv:hover a.spotlight { box-shadow: 5px 35px 25px -15px rgba(0,0,0,0.5); transform: translateY(-10px); }
.webdesignGallery .spotMainDiv span { padding: 15px; width: 100%; text-align:left; font-weight: bold; font-size: 22px; display:block; }
.webdesignGallery .spotMainDiv span b { font-size: 16px; font-weight:bold; display:block; text-transform: uppercase; letter-spacing: 1px; color: #666; }
.webdesignGallery .spotMainDiv a.spotlight img { transition: all 2s; transition-delay: 0.1s; transition-timing-function: linear; position:absolute; top:0px; left:0px; width:100% !important; height: auto !important; }
.webdesignGallery .spotMainDiv a.spotlight img.second3 { transition: all 3s; }
.webdesignGallery .spotMainDiv:hover a.spotlight img { transform: translateY(var(--t)); transition-delay: 0.4s; transition-timing-function: ease-in-out; }

.spotMainDiv { position:relative; margin-bottom:35px; }
.spotMainDiv:hover { opacity:1; }

.spotlight { opacity:0.8; transition: all 0.3s; }
.spotlight:hover { opacity:1; }

.zoomIcon { width: 55px; height: 55px; position:absolute; right: 0px; bottom: 0px; background-color:rgba(229, 0, 0, 0.6); transition: all 0.3s;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjExIiB4Mj0iMTEiIHkxPSI4IiB5Mj0iMTQiLz48bGluZSB4MT0iOCIgeDI9IjE0IiB5MT0iMTEiIHkyPSIxMSIvPjwvc3ZnPg==); background-repeat: no-repeat; background-position:center center; background-size: 28px; }
.zoomIcon:hover { background-color:rgba(229, 0, 0, 0.95); }
.darkBg { background: #e8e8f0; }

.captchaPSD .g-recaptcha { display:flex; justify-content:center; }



@media (max-width: 1600px) {
	
	.services{padding:50px 40px}
	.services:hover{padding:40px 40px 60px}
	.services .more{bottom:30px}
	.services:hover .more{bottom:50px}
}
@media (max-width: 1400px) {
	
	.services{padding:50px 40px}
	.services:hover{padding:40px 40px 60px}
	.services .more{bottom:20px}
	.services:hover .more{bottom:40px}
	.potfoliobg .row{margin:0}
	.webdesignGallery .spotMainDiv a.spotlight { height: 400px; }
}
@media (max-width: 1200px) {
	.sectionPad{padding:70px 0}
	/* .potfoliobg .services h3{font-size:19px;font-weight:700} */
	.potfoliobg .container{max-width:100%;}
	ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover { padding: 10px 15px; }
}
@media (max-width: 991px) {
	.container{padding-left:40px;padding-right:40px}
	.information{right:20px}
	.services{float:left;width:50%;padding:50px 40px;min-height:320px;border-bottom:solid 1px rgba(255,255,255,0.2);}
	.services:hover{padding:40px 40px 60px}
	.potfoliobg .services h3{margin-bottom:15px;margin-top:15px}
	.services .more{bottom:20px}
	.services:hover .more{bottom:40px}
	.promote h2{font-size:30px;margin-bottom:20px}
	/* h2{line-height:30px} */
	.homeslideinside{height:350px}
	.banner .item span strong, .banner .item h1 {font-size: 50px; bottom: 140px;}
	.footer a {font-size:14px;}
	.image_grid.homePageWork li { width: calc(50% - 2px); margin: 1px; }
	.formDiv { margin: 20px auto 0 auto; max-width: 500px; }
	.webdesignGallery .spotMainDiv a.spotlight { height: 300px; }
}
@media (max-width: 975px) {
	ul.cssMenu a,ul.cssMenu li.dis a:hover,ul.cssMenu li.sep a:hover{padding:7px; font:500 13px 'DM Sans', sans-serif}
	#main{padding:102px 0 0}
}
@media (max-width: 840px) {
	a.logo{width:176px;background-size:100%; height: 45px;}
	ul.cssMenu a,ul.cssMenu li.dis a:hover,ul.cssMenu li.sep a:hover{padding:7px; font:500 13px 'DM Sans', sans-serif}
	#main{padding:102px 0 0}
	.in_left h1{font-size:32px}
	.in_left{padding:10px 0}
	.promote { max-width: 500px; margin: 0 auto 70px auto; }
	.spotDiv { padding-left: 15px; padding-right: 15px; }
	
}
@media (max-width: 767px) {
	.menu{background:#f9f9f9;padding:10px 0;margin-top:0;width:100%}
	.top_part .navbar-collapse.in,.top_part .navbar-collapse{width:100%;position:absolute;top:48px;left:15px;box-shadow:0 8px 8px rgba(0,0,0,0.1);-webkit-box-shadow:0 8px 8px rgba(0,0,0,0.1)}
	ul.cssMenu li:last-child{float:right;padding:0}
	ul.cssMenu{padding-left:40px;padding-right:40px}
	ul.cssMenu li{padding:0 8px 0 0}
	.top_part{min-height:0}
	.information{position:relative;float:right;padding: 13px 10px 0 0}
	.navbar-toggle{margin-top:5px;border:none;margin-bottom:0;margin-right:-10px}
	#main{padding:63px 0 0}
	.homeslideinside{font-size:26px;height:300px}
	.homeslifirst{width:72px;left:80px}
	.homeslisecond{width:220px;right:70px;bottom:100px}
	.footer.container{padding-left:0;padding-right:0}
	.footer li{width:100%;float:left;border-bottom:solid 1px rgba(255,255,255,0.07);padding:20px 0}
	.footer li ul li{border:none}
	.footer ul li ul li a{padding:6px 40px}
	.footer ul li ul li a:hover{padding:6px 30px 6px 50px}
	.footer ul li ul li.title{padding:0 20px 15px 40px}
	.footer ul li ul li.facebook{margin:0 0 0 40px}
	.services{float:left;width:100%;padding:35px 0px;min-height:0px;}
	.services:hover{padding:40px 25px 60px}
	.navbar-collapse{overflow-x:inherit}
	.navbar-collapse.in{overflow-y:inherit}
	.banner .item span strong, .banner .item h1 {font-size: 44px; bottom: 120px;}
	.top_nav1 { min-height: 43px; }
	.top_part {padding: 10px 0;}
	/* .aboutUs h1 {font-size: 25px;} */
	/* h2 {font-size: 25px;} */
	.da-thumbs li article h3 {padding: 16% 0 0;font:bold 22px 'DM Sans', sans-serif;}
	.ourWork .btn-dark {float:none; max-width:250px;}
	.promo .btn-prime {max-width:250px; width:100%;}
	.getInTouch {padding: 20px 24px 20px 24px;}
	.getInTouch a {display:block;}
	.organization {padding: 6px 16px;}
	.copyright_text, .footerKeywords {text-align:left;}
	.offerModal { margin-top:30px; }
	.opportunity_info .block p { margin: 0; }  
	ul.cssMenu a,ul.cssMenu li.dis a:hover,ul.cssMenu li.sep a:hover{padding:7px; font:500 15px 'DM Sans', sans-serif}
	.bannerHeight, .bannerStyle { height: 400px !important; }
	.promote { max-width: 450px; margin: 0 auto 50px auto; }
	.ourProcess h4 { margin-bottom: 0px; margin-top: 10px; }
	.spotDiv .spotMainDiv:last-child { margin-bottom: 0px; }
	
	.landingForm .form-group { float:left; width:100%; }
	
}
@media (max-width: 628px) {
	.information{display:none}
	.image_grid li{width:100%}
	.container{padding-left:25px;padding-right:25px}
	.footer ul li ul li.title{padding:0 20px 15px 25px}
	.footer ul li ul li a{padding:6px 25px}
	.footer ul li ul li a:hover{padding:6px 20px 6px 30px}
	.menu{padding:0}
	ul.cssMenu{margin-top:0;padding-left:0;padding-right:0}
	ul.cssMenu li{float:none;padding:0}
	ul.cssMenu li ul{width:100%;position:relative;display:none}
	ul.cssMenu li ul li{display:block}
	ul.cssMenu a,ul.cssMenu li.dis a:hover,ul.cssMenu li.sep a:hover{padding:15px 25px}
	ul.cssMenu li:last-child{float:none}
	.inner_link a{font-size:10px}
	.inner_link{width:auto;margin-left:-25px;margin-right:-25px}
	.aboutUs h1 {font-size: 32px;}
	h2 {font-size: 32px;}
	.banner .item span strong, .banner .item h1 {font-size: 38px; bottom: 100px;}
	.opportunity_info .row { margin-left: 0px; margin-right: 0px; }
	.upload_btn_info input[type="file"] { width:100%; }
	.banner .item a { line-height: 36px; font-size: 35px; }
	.bannerHeight, .bannerStyle { height: 300px !important; }
	/* .sectionPad { padding: 20px 0; } */
	.maxPara { margin: 15px auto 0 auto; font-size: 17px; line-height: 27px; }
	.didGreat h2 { padding-top: 25px; }  
	.sectionPad50 { padding: 30px 0; }
	.in_right { padding: 20px 0 40px; }
	.matrixCount .row { margin-left:-10px; margin-right:-10px; }
	
	.captchaPSD .g-recaptcha { transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0; display:flex; justify-content:center; }
	
	.sectionPad { padding-top: 50px; padding-bottom: 50px; }
	
}
@media (max-width: 480px) {
	.services{width:100%;min-height:auto;padding:50px 25px}
	.services:hover{padding:40px 25px 60px}
	.services .more{bottom:15px}
	.services:hover .more{bottom:30px}
	.homeslifirst{width:17%;left:10%}
	.homeslisecond{width:50%;right:10%;bottom:100px}
	.inner_link li{width:100%;padding:0 3px}
	.main_all_title{padding:8px 0 3px}
	.in_left h1{text-align:center}
	.banner .item span strong, .banner .item h1 {font-size: 33px; bottom: 90px;}
	
	.didGreat h2 { font-size: 35px; }
	.didGreat span { font-size: 18px; letter-spacing: -0.5px; }
	
	.captchaPSD .g-recaptcha { width: 300px; margin-top: 15px; }
	.upload_btn { font-size: 14px; }
	
	.image_grid.homePageWork li { width: calc(100% - 2px); }
	.potfoliobg p { font-size: 17px; }
	.services { padding: 25px 0px; }
	.promote { max-width: 100%; margin: 15px 15px 40px 15px; }
	.didGreat { padding: 0px 5px 16px 5px; }
	.didGreat h2 { padding-top: 15px; margin-bottom:0px; }
	.didGreat span { line-height: 15px; display: inline-block; }
	/* .formContainer { padding: 0px 0px 22px 0px; } */
	.btn-combo { padding: 15px; }  
	.landingForm h3 a { display: inline-block; }
	
	.webdesignGallery .spotMainDiv a.spotlight { height: 225px; }
	
	.offerModal .emailUs {bottom:20px;}
	.offerModal .callUsOffer {bottom:20px;}
	
}