@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.html') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.html#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	
	
	@font-face {
    font-family: Teko-Regular;
    src: url(Teko-Regular.ttf);
}

.headerCon1 {display:none;}
body{  font-family: 'open_sansregular'; font-size:14px; color:#5c5c5c; min-height:500px;}
*{ margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;}
ul{ padding:0; margin:0; outline:none;}
li{ list-style:none;}
a , input , button , select , .transition{ text-decoration:none; transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; outline:none;}
.clearfix{ clear:both;}
.lft{ float:left;}
.rgt{ float:right;}
.container{ max-width:1170px; margin:0 auto; clear:both; padding:0 10px; }
.clearfix::after{ content:''; height:0; overflow:hidden;}
.clearfix::before{ content:''; height:0; overflow:hidden;}
h1 , h2 , h3, h4{ font-weight:normal;}

/*--------------------Contact us page css-----------------------------------*/
.ContactForm .aboutH2{ padding-bottom:0;}
.ContactForm strong {  color: #7c7c7c;  font-weight: normal;  font-size: 18px;}
.srchInput1 {  border: 1px solid rgb(209, 209, 209);  color: rgb(97, 97, 97);  font-family: open_sansregular;  font-size: 16px;  font-weight: normal;  padding: 15px;  width: 100%;}
textarea.srchInput1{ min-height:160px; resize:none;}
.srchBtn{ color:#fff; font-size:20px; width:250px;  display:block;padding:15px 0; border-radius:3px; background:#33a9ef; border-bottom:4px solid #33a9ef;}
.srchInput1:focus{box-shadow:0 0 5px #232323; border-color:#232323;}
.srchBtn:hover{ background:#232323; border-bottom:4px solid #401202; cursor:pointer;}
.formContacus1 ul{ margin-top:20px;}
.formContacus1 ul li{ margin-bottom:20px;}
/*--------------------Contact us page css-----------------------------------*/
.tableDiv th{ width:20px;}



/*--------------------home page css-----------------------------------*/
.mainCon{ width:100%; overflow:hidden;}
.topBar{ height:45px; background:#232323; overflow:hidden;}
.phone{  float:right; margin-left:20px;}
.tagline{  float:left; margin-left:20px;  color:#fff; font-size:13px; padding:12px 0;padding-left:20px; font-family: 'open_sanssemibold'; display:block;}
.phone a{ color:#fff; font-size:13px; background:url(../images/phone.png) no-repeat left center;   padding:12px 0;padding-left:20px; font-family: 'open_sanssemibold'; display:block;}
.phone a:hover{ opacity:.6;}

.skype{ float:right;}
.skype a{ color:#fff; font-size:13px;  padding:12px 0px; display:block; background:url(../images/skype.png) no-repeat left center; padding-left:20px; font-family: 'open_sanssemibold';}
.skype a:hover{ opacity:.6;}


.email{ float:right;padding-right: 15PX;}
.email a{ color:#fff; font-size:13px;  padding:12px 0px; display:block; background:url(../images/msg.png) no-repeat left center; padding-left:30px; font-family: 'open_sanssemibold';}
.email a:hover{ opacity:.6;}
.socilaIcons{ float:right; text-align:right; padding:11px 0;}
.socilaIcons a{ width:24px; height:24px; display:inline-block; background:#fff; margin:0 1px; background:url(../images/follows.png) no-repeat; }
.socilaIcons a.facebook{ background-position:0 -1px;}
.socilaIcons a.google{ background-position:-33px -1px;}
.socilaIcons a.twitter{ background-position:-67px -1px;}
.socilaIcons a.linkdin{ background-position:-101px -1px;}
.logo{ float:left;}

.socilaIcons a.facebook:hover{ background-position:0 -26px;}
.socilaIcons a.google:hover{ background-position:-33px -26px;}
.socilaIcons a.twitter:hover{ background-position:-67px -26px;}
.socilaIcons a.linkdin:hover{ background-position:-101px -26px;}
.headerCon1{ height:78px; background:rgba(255,255,255,.9); border-bottom:1px solid #ddd; width:100%; left:0; right:0; padding:0px 0;  position:relative; top:0; z-index:100; clear:both; transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;  z-index:500;	}

.headerCon{ height:78px; background:rgba(255,255,255,.9); border-bottom:1px solid #ddd; width:100%; left:0; right:0; padding:0px 0;  position:relative; top:0; z-index:100; clear:both; transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;  z-index:500;	}
.navBar{ float:right; }
.navBar .navMain li a{ transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;}
.navBar .navMain > li{ display:inline-block; text-align:center; margin:0 0; position:relative;}
.navBar .navMain > li > a{ padding:29px 17px; color:#1a1a1a; font-size:14px; display:block; font-family:open_sanssemibold;}
.navBar .navMain > li:last-child{ margin-right:0;}
.navBar .navMain > li:hover > a{ color:#fff; background:#33a9ef;}
.navBar .navMain > li.active > a{ color:#000; background:#f2f2f2;}
.navBar .navMain > li.active > a:after{ width:100%;}
.serviBox{ width:24%; display:inline-block; text-align:left; margin-bottom:0; padding:5px 0 15px; vertical-align:top; }
.subNav{border-top:4px solid #232323; position:absolute; top:100%; width:1170px; left:-648px; background:#fff; display:none;  -webkit-box-sizing:border-box; -o-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;}
.serviBox strong{ color:#232323; font-size:14px; font-family:open_sanssemibold; text-transform:uppercase; display:block; margin-top:10px;}
.submenu2 {  left: -100%;  position: absolute;  right: auto;  width: 252px;top:0;  background: #000; display:none;}
.subMenu:hover .subNav{ display:block;}
.subSubmenu{ position:relative;}
.subSubmenu:hover .submenu2{ display:block;}
.subSubmenu:hover a{ background:#000;}
.serviBox  a{ color:#777; font-size:13px; display:block; padding:4px 0; display:block;}
.serviBox  a:hover{ color:#000;}
.subNav.subNav2 {  left: 0;  width: 252px;  border: 0;  background: #232323;}
.subNav.subNav2 a {  font-size: 13px;  display: block;  color: #fff;  display: block;  padding: 13px 0;  border-bottom: 1px solid #333; padding-left:17px; text-align:left;}
.subNav.subNav2 a:hover{ background:#000; color:#fff;}
.bannerCon{ position:relative; overflow:hidden; clear:both; height: 420px;}
.toggle{ display:none;}
.logo{ padding:5px 0 0;}
.logo img{ padding-top:0px; }
.logo > a{ display:block;}
.bx-wrapper .bx-pager{ display:none;}
.banrImg img{ width:100%; height:auto;}
.headerCon1.hdfxd{ position:fixed;}
.headerCon.hdfxd{ position:fixed;}
.banrImg bx-clone {height:auto;}
.serviceCon{ padding:40px 0; text-align:center;}
.headHd img{ display:inline-block; vertical-align:middle;}
.headHd h1{ font-size:40px; font-family:open_sanssemibold; display:inline-block; vertical-align:middle; padding:0 20px; font-size:40px; text-transform:uppercase; color:#33a9ef; margin-bottom:0;}
.headHd h1 span{ color:#333333;}
.titlebx{ font-size:14px; text-transform:uppercase; color:#333; padding:5px 0 5px 0; text-align:center;  font-family:open_sanssemibold;}
.serviceCon p{ color:#5c5c5c; font-size:13px; line-height:20px; 	}
.shortdesc{ width:90%; margin:auto; max-width:650px;}
.serviceBox{ margin:40px auto 0; text-align:center;}
.serviceBox a{ font-size:18px; font-family:open_sansregular; display:block; color:#333; padding-bottom:6px;}
.serviceBox ul li{ width:348px; display:inline-block; margin:0 15px 40px 15px; vertical-align:top; background:#fff;}
.serviBx{ position:relative; padding-left:50px; text-align:left;}
.serviBx img{ position:absolute; left:0; top:0; }
.serviceBox a:hover{ color:#33a9ef;}

.KnowAboutus{ text-align:center; padding:40px 0; background:url(../images/know-aboutus.jpg) no-repeat; background-size:cover; background-attachment:fixed; color:#fff;}
.KnowAboutus h2{ font-size:32px; padding-bottom:20px; color:#fff;}
.KnowAboutus p{ font-size:16px; color:#fff; line-height:32px;}
.btn{ color:#33a9ef; font-size:20px; width:250px; text-align:center; display:block; margin:40px auto 0; padding:15px 0; border-radius:3px; background:#FFFFFF; border-bottom:4px solid #CCC;}
.btn:hover{ background:#33a9ef; border-bottom:4px solid #2189c6; color:#FFF;}

.workShowCase{ text-align:center; padding:40px 0;}
.tabDetails{ margin-bottom:50px;}
.tabCon{ width:100%; max-width:740px; margin:20px auto;}
.tabCon ul li{ float:left; border:1px solid #dedede; overflow:hidden; width:30%; text-align:center; margin-left:-1px;}
.tabCon ul li:first-child{ border-radius:5px 0 0 5px;}
.tabCon ul li:last-child{ border-radius:0px 5px 5px 0px;}
.tabCon ul li a{ font-size:18px; text-align:center; padding:14px 0; color:#989898; display:block;}
.tabCon ul li.tabactive a{ color:#fff; background:#33a9ef;} 
.tabCon ul li.tabactive{ border-color:#1b87c7;}
.tabDetails{ margin-top:30px;}
.tab{ transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.tabDetails li {  display: inline-block;  width: 32%; padding-bottom:25px}
.tabDetails li img{ width:auto; max-width:100%; transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1);}
.imagebox{ position:relative; overflow:hidden; width:100%; height:100%;}
.tabDetails a{ transform:scale(0); -ms-transform:scale(0); -webkit-transform:scale(0); left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.8); color:#fff; font-size:20px; text-align:center; line-height:150px; position:absolute; line-height:250px;}
.tabDetails li:hover a{transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1);}
.tabDetails li:hover img{transform:scale(1.6); -ms-transform:scale(1.6); -webkit-transform:scale(1.6);}
.quickConAndGetStarted{ background:#2a363f;}
.quickConAndGetStarted h2{ font-size:32px; color:#fff;}
.quickCon{ background:#2a363f; float:left; width:50%; min-height:490px; padding:40px 5%;  position:relative; }
.getStarted{ background:#3f4a52; float:right; width:50%; min-height:490px; padding:40px 5%; ; position:relative;}
.getStarted1{ background:#2a363f; float:right; width:50%; min-height:490px; padding:40px 5%; ; position:relative;}
.imageul{ width:100%; position:relative;}
.imageul ul{ margin:20px 0;}
.imageul li{ font-size:14px; color:#000; font-weight:normal; display:block; padding:8px 0; background:url(../images/li.png) no-repeat left 13px; padding-left:25px;}

.srchInput{ width:100%; color:#333; font-size:15px; background:#fff; border:0; padding:14px; margin-top:20px;}
.srchInput:focus{ background: none repeat scroll 0 0 rgb(214, 198, 174); box-shadow: 0 0 30px rgb(221, 68, 15);}
.SrchBtn.btn{ border-left:0; border-right:0; border-top:0; cursor:pointer; margin:40px auto 0;}
.getStarted strong{ font-size:20px; color:#acb9c3; font-weight:normal; display:block;}
.getStarted ul{ margin:20px 0;}
.getStarted li{ font-size:16px; color:#FFF; font-weight:normal; display:block; padding:8px 0; background:url(../images/li.png) no-repeat left 13px; padding-left:25px;}
.getStarted p{ font-size:14px; color:#acb9c3; font-weight:normal; display:block; margin-top:
30px; line-height:30px;}
.getStarted1 strong{ font-size:20px; color:#acb9c3; font-weight:normal; display:block;}
.getStarted1 ul{ margin:20px 0;}
.getStarted1 li{ font-size:16px; color:#FFF; font-weight:normal; display:block; padding:8px 0; background:url(../images/li.png) no-repeat left 13px; padding-left:25px;}
.getStarted1 p{ font-size:14px; color:#acb9c3; font-weight:normal; display:block; margin-top:
30px; line-height:30px;}
.leftCorn {  position: absolute;  right: 0;  top: -29px;}
.rightCorn {  position: absolute;  left: 0;  top: -29px;}

.ourHapy{ max-width:700px; padding:40px 0; margin:auto; position:0 10px; text-align:center;}
.ourHapy p{ color:#5c5c5c; line-height:28px; font-size:14px; font-family:open_sanslight;}
.testimonils img{ width:120px; height:120px; margin:25px auto; border:6px solid #fff; box-shadow:0 0 0 1px #33a9ef; border-radius:100%;}
.ourHapy .bx-wrapper .bx-pager{ display:block; position:relative; margin-top:15px;}
.ourHapy .bx-controls-direction{ display:none;}
.ourClients{ padding:30px 0 60px;}
p{text-align:justify}
.footBox{ display:inline-block; width:28%; margin:0 2%; padding-left:60px; position:relative; background:#232323;}
.footBox img{ position:absolute; left:0; top:0;}
.footBox strong{ font-size:22px; text-transform:uppercase; color:#fff; padding-bottom:20px; display:block;}
.footBox p{ font-size:14px; text-transform:capitalize; color:#fff; padding-bottom:5px; display:block;}
.copyright{ background:#000; text-align:center; font-size:12px; color:#fff; padding:12px 0;}

.servicesCon{ width:100%; padding:10px 0;}
.ourSeviceBox{ width:100%; text-align:center; }
.rightCon{ }
.ourSeviceBox .titlebx{ padding-bottom:0;}
.ourSeviceBox h1{ font-size:40px; line-height:28px; padding-bottom:15px; font-family:open_sanssemibold; display:inline-block; vertical-align:middle;  font-size:40px; text-transform:uppercase; color:#33a9ef; margin-bottom:0;}
.ourSeviceBox h1 span{ color:#333333;}
.ourSeviceBox p{ color:#5c5c5c; font-size:14px; line-height:26px; margin-top:25px;}
.serviceList{}
.formContatainer{ margin:30px auto;}
.leftText{ width:68%; float:left;}
.formBox{ background:#000; width:30%; float:right;}
.formBox h2{ font-size:24px; font-weight:normal; text-transform:capitalize; color:#fff; font-family:open_sanssemibold; letter-spacing:-1px; border-bottom:1px solid #c5c483; padding-bottom:5px; margin-bottom:0; padding:10px}
.formBox ul{ padding:15px;}
.formBox ul li{ margin-bottom:10px;}
.input{ border:0; background:#fff; font-family:open_sansregular; text-transform:capitalize; font-size:13px; color:#5c5c5c; padding:11px 10px; width:100%;}
.submitBtns.btn {  border: 0 none;  border-bottom: 4px solid #641a00;  margin: 20px auto 0 auto;}



.leftText h2{ font-size:25px; font-weight:normal; text-transform:uppercase; color:#333; font-family:open_sanssemibold;}
.leftText p{ color:#5c5c5c; font-size:14px; line-height:26px; margin-top:5px;}
.serviceList h2{ font-size:20px; font-weight:normal; text-transform:uppercase; color:#333;}
.serviceList strong{font-size:18px; font-weight:normal; text-transform:capitalize; color:#333;}
.serviceList li{ position:relative; padding-left:40px; display:inline-block; width:31%; margin:30px 1%; }
.serviceList li  p{ font-size:13px; margin-top:5px;}
.rightTick {  position: absolute;  left: 0;}
.seoRightImg{ max-width:100%; width:auto; display:block; margin:auto; margin-bottom:20px;}
.rightConBtn{ width:100%; padding:40px 0; margin-top:30px; background:#f2f2f2; text-align:center;}
.rightConBtn a{ width:376px; text-align:left; background:url(../images/redbtn.png) no-repeat; display:inline-block; padding:26px 15px; font-size:32px; color:#fff; font-weight:normal; font-family:open_sanslight; position:relative; margin:0 10px;}
.rightConBtn a img {  position: absolute;  right: 15px;}
.rightConBtn a.grrenBtn{ background:url(../images/grreenbtn.png);}
.rightConBtn a:hover{ opacity:.8;}
.specialPackg{ background:url(../images/innerservices.jpg) no-repeat; background-position:center center; background-size:cover; padding:20px 0; margin:30px auto;}

.smoprocess{ background:#ececec; background-size:cover; padding:40px 0;}
.orm{ background:#fff; background-size:cover; padding:0px 0; margin:30px auto;}

.priceBox{ width:170px; height:170px; background:#33a9ef; border-radius:100%; float:left; color:#fff; font-size:18px; text-align:center;}
.priceBox strong{ display:block; text-align:center; font-size:40px; padding-top:44px;}
.priceBox span{ display:block; text-align:center; font-size:20px;}
.specicon h2{ font-size:30px;display:inline-block; vertical-align:middle; padding:0 0; font-size:28px; text-transform:uppercase; color:#33a9ef; margin-bottom:0;}
.specicon h2 span{ color:#fff;}
.specicon{ float:left; width:60%; margin-left:4%; font-size:16px; margin-top:24px;}
.specicon p{ font-size:14px; color:#fff; line-height:22px; text-align:left;}
.getNow {  background: none repeat scroll 0 0 #33a9ef;  color: #ffffff;  float: right;  font-family: open_sansregular;  font-size: 20px;  text-transform: capitalize;  padding: 7px 40px;  border-radius: 3px;  margin-top: 60px;}
.getNow:hover{ background:#232323;}
.specialPackg .container{ max-width:1024px;}
.serviceBanr{ font-size:16px;  text-transform:uppercase; color:#fff; text-align:center; padding:50px 0; display:block; background:url(../images/servicebanr.jpg) no-repeat; background-size:cover;     margin-bottom: 40px;}

.digi{ font-size:16px;  text-transform:uppercase; color:#fff; text-align:center; padding:50px 0; display:block; background:url(../images/digital-marketing-banner.png) no-repeat; background-size:cover;margin-bottom: 40px;}


/*our package page csss*/
.tableDiv{ max-width:1600px; margin:40px auto 0 auto; text-align:left; background:#f5f5f5; padding:10px; width:100%;}
.stratPkgs {  color: #0972c5;  display: block;  font-family: open_sanssemibold; font-size:17px;}
.head{ width:300px;}
.packageRate {  background: none repeat scroll 0 0 #d64117;  color: #ffffff;  display: block;  font-family: open_sanssemibold;  font-size: 22px;  letter-spacing: 1px;  margin-top: 22px;  padding: 4px 0;  text-align: center;}
.initalRevw {  background: none repeat scroll 0 0 #0972c5;  color: #ffffff;  display: inline-block;  font-size: 16px;  text-align: left;  vertical-align: middle;  width: 100%;  margin-top: 10px;  padding: 10px;}
.initalRevw img {  display: inline-block; vertical-align: bottom; padding-right: 6px;}
th strong{ vertical-align:top; border-right:1px solid #383838;}
.packageBx > strong {  background: none repeat scroll 0 0 #383838;     border-top-left-radius: 5px;
    border-top-right-radius: 5px;  color: #ffffff;  display: block;  font-family: open_sanslight;  font-size: 24px;  padding: 9px 0;  text-align: center;  text-transform: uppercase; 
	box-shadow: 4px 4px 6px #2d2b2b;
	
	
	}
	
	
	
.packageBx span {  color: #fff;  display: block;  font-family: open_sanssemibold;  font-size: 14px;  padding: 10px 23px;  text-align: center;}
.packageBx a {  background: none repeat scroll 0 0 #33a9ef;  color: #ffffff;  display: block;  font-family: open_sanssemibold;  margin: auto;  padding: 6px 3px;  text-align: center;  width: 91%;}
.packageBx {  padding-bottom: 7px;     background-color: rgba(56,56,56,1);}
.packageBx a:hover{ background:#d64117	;}
.packge td img {  text-align: center;  display: block;  margin: auto; width:18px;}
td{ vertical-align:middle;}
.packge td {  border-right: 1px solid #e7e7e7;  padding:12px;}
.packge td:last-child{ border:0;} 
.packge tr:nth-child(even){ background:#fff;}
.packge{ width:100%;}
.topTH th .packageBx {  min-height: 52px;}
.packge td img.alt {  display: block;  float: right;  width: auto;}
.packageBx.clearfixgold > strong {  background: none repeat scroll 0 0 #0972c5;  font-family: open_sanssemibold;  font-size: 24px;  margin-top: -9px;}
.left_design{ float:left; width:35%; }
.right_design{ float:left; width:65%; }
.right_design h2{ font-size:25px; font-weight:normal; text-transform:uppercase; color:#333; font-family:open_sanssemibold;}
.left_design h2{ font-size:25px; font-weight:normal; text-transform:uppercase; color:#333; font-family:open_sanssemibold;}
.left_sectionSmo{ float:left; width:60%; }
.right_sectionSmo{ float:right; width:35%;     padding-top: 20px;}

.left_sectionSmo1{ float:right; width:30%; }
.right_sectionSmo1{ float:right; width:60%;     padding-top: 50px;}





.left_sectionSmo .leftText h2{ font-size:25px; font-weight:normal; text-transform:uppercase; color:#333; font-family:open_sanssemibold;}
.contact_right_setion h2{ font-size:25px; font-weight:normal; text-transform:uppercase; color:#333; font-family:open_sanssemibold;}
.contact_right_setion p{ line-height:30px}
.address{ float:left; width:100%}
.left_sectionSmo .leftText p{ color:#5c5c5c; font-size:14px; line-height:26px; margin-top:5px;}
.left_sectionSmo .leftText{ width:100%; float:left;}
.clr20{ width:100%; height:20px; float:left}
.clr10{ width:100%; height:20px; float:left}
.actviebg{ background:#0972c5; text-align:center; font-size:18px; font-weight:bold; color:#fff}
.actviebg1{ background:#5bb0f1; text-align:center; font-size:18px; font-weight:bold; color:#fff}
.actviebg2{ background:#494baf !important; text-align:center; font-size:14px; font-weight:bold; color:#fff}
.actviebg3{ background:#e5692c !important; text-align:center; font-size:14px; font-weight:bold; color:#fff}
.actviebg4{ background:#33a9ef !important; text-align:center; font-size:14px; font-weight:bold; color:#fff}
.actviebg5{ background:#5bb0f1 !important; text-align:center; font-size:14px; font-weight:bold; color:#fff}
.tabletext{ text-align:center; font-weight:bold; color:#6aa728}
.loginform{ float:left; width:100%}
.loginform_div{ margin:auto; width:500px}
.contactbtn{ background:#5bb0f1; border:none; padding:10px; color:#fff; border-radius:5px; cursor:pointer; font-size:14px;}
.contactbtn a{ color:#fff;}
.contactbtn:hover{ background:#232323;   color:#fff;  cursor:pointer;border-radius:20px; }
.pay{ float:left; margin-top:20px;}
.pay h2{ font-size:25px; font-weight:normal; text-transform:uppercase; color:#333; font-family:open_sanssemibold;}

.emptyInput{border:solid thin #ff0000; background:rgba(255,0,0,0.8); color:#fff;}
.formSuccess{background:#006600; color:#fff!important; padding:10px 5px;}
button img{display:none;}
/*case study */
.testimonial{ width:100%; background:#f9f9f9; border:1px solid #e4e4e4; float:left }
.testimonial .img{ width:120px; float:left; padding:10px;}
.testimonial .name{ float:left; margin:50px 0px 0px 0px; font-size:18px; color:#222; font-weight:bold }
.testimonial .text{ padding:8px 0px 0px 12px;  color: #5c5c5c;
    font-family: open_sanslight;
    font-size: 14px;
    line-height: 26px;}

.team h2{ font-size:20px; font-weight:normal; text-transform:uppercase; color:#333;}
.team strong{font-size:18px; font-weight:normal; text-transform:capitalize; color:#333;}
.team li{ position:relative; padding-left:40px; display:inline-block; width:22%; margin:30px 1%; }
.team li  p{ font-size:13px;}

.portfolio h2{ font-size:20px; font-weight:normal; text-transform:uppercase; color:#333;}
.portfolio strong{font-size:18px; font-weight:normal; text-transform:capitalize; color:#333;}
.portfolio li{ position:relative; padding-left:40px; display:inline-block; width:30%; margin:30px 1%; }
.portfolio li  p{ font-size:13px;}




#keepTouch {
    background-image: url(../images/bgs/12.png);
    padding: 2em 0;
	margin: 0;
	height: 9em;
   
}



.paralax {
    background-attachment: fixed!important;
    background-repeat: no-repeat !important;
   
    position: static!important;
}



.wrapper1 {
    padding: 0 2em;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

#touchLeft {
    font-family: 'Quintessential', cursive;
    padding-left: 5em;
    position: relative;
    width: 80%;
	float: left;
}

#touchRight {
    width: 17%;
	    display: block;
		    float: right;
}
reset.css:263
.fr, #navigation, #topRight, #touchRight, #rightPraposal {
    float: right;
}

#touchLeft strong {
    color: #fff;
    font-size: 2.5em;
    line-height: 1;}
	
	#touchLeft span {
    color: #fff;
    display: block;
    font-size: 1.5em;
    font-weight: 300;
    margin-top: 2px;}
	
	#touchRight a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    display: inline-block;
    color: #fff;
    font-size: 1.3em;
    font-weight: 700;
    margin-top: 12px;
    padding: 10px 15px;
    text-align: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    border-radius: 1px;}
	
	/*#touchRight a:after {
    background: none repeat scroll 0 0 #ef5354;
    height: 0;
    left: 50%;
    opacity: 0;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    width: 100%;
    content: "";
    position: absolute;
    transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
    z-index: -1;
	}*/
#touchRight a:after {
    background: none repeat scroll 0 0 #ef5354;
    height: 100%;
    left: 0%;
    opacity: 0;
    top: 0%;
    width: 0%;
    content: "";
    position: absolute;
    transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
    z-index: -1;
	}
#touchLeft:before{
	background:url(../images/map-icon.png) no-repeat;
	content: "";
	color: #fff;
    font-size: 5em;
	height:	78px;
    left: 0;
    position: absolute;
    top: -4px;
	width:58px;
	}

	
	#touchRight a:after {
    background: none repeat scroll 0 0 #33a9ef;
    height: 100%;
    left: 0%;
    opacity: 0;
    top: 0%;
    width: 0%;
    content: "";
    position: absolute;}
	
	#touchRight a:hover::after {
    width: 100%;
    opacity: 1;
	}
#touchRight a:hover{
	border:1px solid #33a9ef;
    color: #fff;
	}
/*#touchRight a:hover{
	background:#fff;
	color:#008dd1;
	}*/
@media (max-width:900px){

#keepTouch {
  
	height: 25em;
   
}
#touchLeft, #touchRight, .width5{
	text-align:center;
	width:100%;
	}
#touchLeft{
	margin-bottom:1em;
	padding:0;
	}
#touchLeft::before, .grayBlogleft, .dealsProject .colBox .requestDesign{
	display:none;
	}
#touchRight a{
	display:inline-block;
	padding: 0.7em 2em;
	width:auto;
	}
	}
	
	
	
	
	/* =================================================================================== Footer */
#footer{
	padding:0;
	}
	
	
#foorerWorld{
	background-image:url(../images/bgs/3.jpg);
	padding-top:3em;
	    padding-left: 3em;
    padding-right: 3em;
	padding-bottom: 1em;
	}
#footer .footCol{
	padding:0 1em;
	width:31%;
	    float: left;
	}
#footer .footCol:nth-child(1), #footer .footCol:nth-child(3){
	width:25%;
	}
#footer .footCol:nth-child(2){
	width:19%;
	}
#footer .footCol.address{
	background:url(../images/transparent-map.png) no-repeat left bottom;
	}
#footer .footCol h4{
	font-size: 2em;
    margin-bottom: 0;
	color:#fff;
	font-family: 'Teko', sans-serif !important;
	}
#footer .footCol p{
	color:#cecece;
	font-size: 13px;
	line-height: 1.2;
	text-align:left;
	}
#footer .footCol p a, #footer .footCol li a{
	color:#cecece;
	font-size: 13px;
	text-decoration:none;
	}
#footer .footCol p a:hover, #footer .footCol li a:hover{
	color:#fff;
	}
#footer .footCol li a:hover{
	padding-left:10px;
	}
#footer .footCol li{
	padding:3px 0;
	}
.subscribtion fieldset input{
	border:none;
	float:left;
	height:40px;
	}
.subscribtion fieldset input[type="text"]{
	padding:1em;
	width:65%;
	
	border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	}
.subscribtion fieldset input[type="submit"]{
	background:#a4352d;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	width:35%;
	
	border-radius:0px 3px 3px 0;
	-moz-border-radius:0px 3px 3px 0;
	-webkit-border-radius:0px 3px 3px 0;
	-moz-border-radius:0px 3px 3px 0;
	}
#footer .footCol .socialMedia a{
	background: #000;
    color: #fff;
    display: inline-block;
    font-size: 17px;
    height: 36px;
    margin: 1px 0px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    width: 36px;
    border-radius: 0px;
	}
#footer .footCol .socialMedia a:hover{
	background:#ef5354;
	}
#footer .footCol .socialMedia a.facebook:hover{
	background:#314a87;
	}
#footer .footCol .socialMedia a.twitter:hover{
	background:#22bbf4;
	}
#footer .footCol .socialMedia a.linkedin:hover{
	background:#006dc0;
	}
#footer .footCol .socialMedia a.googlePlus:hover{
	background:#bc0e14;
	}

#footer .footCol .socialMedia a.pintrest:hover{
	background:#CB323A;
	}
#footer .footCol .socialMedia a.flicker:hover{
	background:#FF0084;
	}
#footer .footCol .socialMedia a.instagrame:hover{
	background:#262626;
	}
#footer .footCol .socialMedia a.youtube:hover{
	background:#d72a25;
	}
#footer .footCol .socialMedia a.instagram:hover{
	background:#8a6149;
	}
#footer .footCol .socialMedia a:hover .fa{
	animation:leftRightSlide 0.9s;
	-moz-animation:leftRightSlide 0.9s;
	-webkit-animation:leftRightSlide 0.9s;
	-ms-animation:leftRightSlide 0.9s;
	}
#footerImages{
	padding-top:1em;
	}
#footerImages .girlCall{
	float:left;
	margin-right:1em;
	}
#footerImages .carrer{
	display: inline-block;
    float: left;
    padding-top: 1em;
    width: 64%;
	color:#fff;
	}
#footerImages .carrer a{
	color:#fff;
	font-family: 'Teko', sans-serif;
	font-size: 2em;
    font-weight: 300;
	}
#footerImages .carrer a:hover{
	color:#33a9ef;
	}


#scrolTop{
	background:url(images/icon-top.png) center center no-repeat #000;
	display:block;
	height:40px;
	position:fixed;
	right:10px;
	bottom:10px;
	width:40px;
	z-index:-1;
	opacity:0;
	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-ms-border-radius:3px;
	}
#scrolTop:hover{
	background:url(images/icon-top.png) center center no-repeat #ef5354;
	}
#scrolTop.is-visible{
	opacity:1;
	z-index:2002;
	}
	/****29 april*/
	
	@media (max-width:767px){
.work, #blogSection .blogCol, #footer .footCol:nth-child(1), #footer .footCol:nth-child(3), #footer .footCol, #footer .footCol:nth-child(2), .dealsProject .colBox{
	width:50%;
	}
#footer .footCol:nth-child(4), #footer .footCol:nth-child(3), #topRight, #navigation ul.menu li, .history-timeline .timeline-item{
	width:100%;
	}
p, .subHeading, #topRight{
	text-align:center;
	}
#footer .footCol, .dealsProject .colBox{
	margin-bottom:2em;
	}
#footer .footCol h4 {
    margin-bottom: 0.2em;
	}
#socialPlugins, #navigation ul.menu > li > a > span, .history-timeline .timeline-item:nth-of-type(2n)::before, .history-timeline .timeline-item::after, .history-timeline .timeline-item::before, .history-timeline .timeline-item::after, .lightContent .width5.p0{
	display:none;
	}
	
	ul li {text-align:justify}
	p {text-align:justify}
	@media (max-width:500px){
#blogSection .blogCol, .work, .countingPro ul li, #navigation ul.menu ul.secondaryNav > li, #footer .footCol:nth-child(2), #footer .footCol:nth-child(1), #footerImages .carrer, .dealsProject .colBox{
	width:100%;
	}
	
	ul li {text-align:justify}
	p {text-align:justify}
.countingPro ul li{
	text-align:center;
	}
#footerImages .girlCall{
	display:none;
	}
#footerImages .carrer a{
	clear:both;
	display: block;
	}
.countingPro ul li, .dealsProject .colBox{
	margin-bottom:1.5em;
	}
.banNormal{
	font-size:1.5em;
	}
	.left_design{ width:100%;}
	.right_design{ width:100%;}
	.bannerCon{ position:relative; overflow:hidden; clear:both; height: 120px;}
	.getStarted{width:100%; height:auto;}
	.getStarted1 {width:100%; height:auto;}
	
	.topBar {
    height: 55px;
    background: #232323;
    overflow: visible;
    line-height: 3px;}
	
	.skype {display:none}
	
	.tagline { display:none;}
	.logo img {
    padding-top: 0px;
    width: 90%;

}	

}