<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@font-face{
font-family:'Open Sans Light';
src:url('../fonts/OpenSans-Light.eot'); /* IE9 Compat Modes */
src:url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/OpenSans-Light.woff') format('woff'), /* Modern Browsers */
url('../images/OpenSans-Light.ttf') format('truetype'), /* Safari, Android, iOS */
url('../images/OpenSans-Light.svg#pt-sans') format('svg');  /* Legacy iOS */
font-weight:normal;
}

@font-face{
font-family:'Open Sans Bold';
src:url('../fonts/OpenSans-Bold.eot'); /* IE9 Compat Modes */
src:url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/OpenSans-Bold.woff') format('woff'), /* Modern Browsers */
url('../images/OpenSans-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
url('../images/OpenSans-Bold.svg#pt-sans') format('svg');  /* Legacy iOS */
font-weight:bold;
}

@font-face{
font-family:'Muse';
src:url('../fonts/Museo300-Regular.eot'); /* IE9 Compat Modes */
src:url('../fonts/Museo300-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/Museo300-Regular.woff') format('woff'), /* Modern Browsers */
url('../images/Museo300-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../images/Museo300-Regular.svg#pt-sans') format('svg');  /* Legacy iOS */
font-weight:normal;
}


@font-face{
font-family:'Brandon';
src:url('../fonts/Brandon_bld.eot'); /* IE9 Compat Modes */
src:url('../fonts/Brandon_bld.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/Brandon_bld.woff') format('woff'), /* Modern Browsers */
url('../images/Brandon_bld.ttf') format('truetype'), /* Safari, Android, iOS */
url('../images/Brandon_bld.svg#pt-sans') format('svg');  /* Legacy iOS */

}


@font-face{
font-family:'Open Sans';
src:url('../fonts/OpenSans-Regular.eot'); /* IE9 Compat Modes */
src:url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/OpenSans-Regular.woff') format('woff'), /* Modern Browsers */
url('../images/OpenSans-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../images/OpenSans-Regular.svg#pt-sans') format('svg');  /* Legacy iOS */

}

@font-face{
font-family:'Open Sans Semi';
src:url('../fonts/OpenSans-SemiboldItalic.eot'); /* IE9 Compat Modes */
src:url('../fonts/OpenSans-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/OpenSans-SemiboldItalic.woff') format('woff'), /* Modern Browsers */
url('../images/OpenSans-SemiboldItalic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../images/OpenSans-SemiboldItalic.svg#pt-sans') format('svg');  /* Legacy iOS */

}

@media screen and (min-width: 1200px){
  .container-extra{
    width: 1200px!important;
  }
}

body {
	/*background:url(../images/body-bg.jpg) repeat-x; font-family:'Open Sans' !important; font-size:14px !important;*/
	overflow-x:hidden !important;
}
a:hover { text-decoration:none !important; }
.nasMenuitem { display:none; }
.sep5px {
	clear:left;
	height:5px;
}
.sep10px {
	clear:left;
	height:10px;
}
.sep9px  {clear:left; height:9px; }
.sep15px {
	clear:left;
	height:15px;
}
.sep20px {
	clear:both;
	height:20px;
}

.selectpicker li a { font-size:15px !important; }
.hostinglilist strong { font-size:18px; }
.bluebg { background:#18416f; }
.hostingli {}
.supportonlinecls { padding:15px; background:#26c1d0; border-radius:4px; display:inline-block; width:100%; color:#fff; }
.noborder { border:none !important; }
.tabminheight{ min-height:429px; }
.lightgreybg { background:#f7f7f7 !important; display:inline-block; padding:15px; width:100% }
.greybgblock{ background:#e5e5e5 !important; display:inline-block; padding:15px; width:100%; min-height:200px; }
.greybgblock { color:#4c4c4c !important; font-size:16px; text-decoration:none }
.greybgblock a { color:#4c4c4c !important; font-size:16px; text-decoration:none }
.benefit{float:left; margin-left:11px; margin-top:6px;}
.benfitborder{border-bottom:1px solid #dee3e7; margin-left:44px; margin-bottom:3px;}
.bigfont { font-size:20px; font-weight:normal; font-family:'Open Sans Light' !important; border:none }
.homeprice{ font-size:35px; margin-top:0px;
font-family:'Brandon';}
.brandon { font-family:'Brandon'; }
.strikethu { z-index:5; position:relative; background:#fff; padding:4px 4px; }
.marginmiddle { position:absolute; width:100%; margin-top:-30px; z-index:1; }
.percent5 { width:5%; display:inline-block }
.percent10 { width:10%; display:inline-block }
.percent15 { width:15%; display:inline-block }
.percent20 { width:20%; display:inline-block }
.percent25 { width:25%; display:inline-block }
.percent30 { width:30%; display:inline-block }
.percent35 { width:35%; display:inline-block }
.percent40 { width:40%; display:inline-block }
.percent45 { width:45%; display:inline-block }
.percent50 { width:50%; display:inline-block }
.percent55 { width:55%; display:inline-block }
.percent60 { width:60%; display:inline-block }
.percent65 { width:65%; display:inline-block }
.percent70 { width:70%; display:inline-block }
.percent75 { width:75%; display:inline-block }
.percent80 { width:80%; display:inline-block }
.percent85 { width:85%; display:inline-block }
.percent90 { width:90%; display:inline-block }
.percent95 { width:95%; display:inline-block }
.percent100 { width:100% !important; display:inline-block }
.perauto80 { width:80%; margin:auto}
.perauto70 { width:70%; margin:auto; }
.perauto60 { width:60%; margin:auto; }
.perauto55 { width:55%; margin:auto; }
.perauto50 { width:50%; margin:auto; }
.perauto90 { width:90%; margin:auto}
.roundcorner { border-radius:4px !important; }
.nopadding { padding:0px !important; }
.nopaddingleft { padding-left:0px !important; }
.nopaddingright { padding-right:0px !important; }
.smallmenu a { font-size:12px; color:#717171; font-family:'Open Sans' }
.smallmenu a:hover { font-size:12px; color:#333; text-decoration:none }
.carttopbox { position:relative; border:2px solid #c3c3c3; padding:14px; border-radius:3px; font-size:12px; }
.bigbtnpadding { padding-left:40px; padding-right:40px; }
.bglightgrey  { background:#f2f2f2;  }
.bgwhite  {background:#fff !important; }

.bggrey { background:#f4f4f4 !important; }
.smallcenter { text-align:inherit; }
.noborders td { padding:5px; }
.mid-block { display:none; }
.messages-menu { margin-left:10px; }
.itemhead { background:#d3d3d3; padding-top:10px; padding-bottom:10px; display:inline-block; width:100%; margin-left:2px; margin-right:2px; }
.marginbottom10px { margin-bottom:10px; }
.productlist { border-top:1px solid #CCC; padding-top:5px; display:inline-block; width:100%; font-size:12px;  }
.productlist:first-child { border-top:none !important; }
.productlist a { font-weight:normal; font-size:12px; }
.font12px { font-size:12px; }
#manage-domain-box { padding:10px; background:#f2f2f2; display:inline-block; width:100%; font-size:12px; }
.domainsearch input { border:1px solid #ccc; padding:7px; }
.whatwedoitem { 
  float: left;
  width: 30%;
  margin-left: 15px;
  min-height: 224px;
  background: #fff;
  margin-right: 15px;
  padding: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: 0px 0px 7px 1px #e5e5e5;
  margin-bottom: 30px; 
  transition: all 0.3s ease-in-out 0s;
}
.whatwedoitem &gt; a {
    color: inherit;
    text-align: center;
}
.whatwedoitem:hover,
.whatwedoitem:focus,
.whatwedoitem:active{
  box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow:none;
  -o-box-shadow:none;
  -moz-box-shadow:none;
}
.whatwedoimage { min-height:65px;/*vertical-align:middle; min-height:80px; width:30%; float:right;display:inline-block;*/  }
.whatwedotext {       width: 100%;
    display: inline-block;
    text-align: center; }
.bold { font-family:'Brandon'; }
.strongbold { font-family:'Open Sans Bold'; font-weight:bold }
.tabcenter { width:100%; text-align:center; margin:auto; }
ul#nas_tab li.active { border-bottom:4px solid #f89a2f } 
ul#nas_tab li.active a { color:#17416e;  font-weight:bold; text-decoration:none;  }
ul#nas_tab .active li {  }
ul#nas_tab {
list-style:none;
margin-bottom:-5px !important;
display:inline-block; 
}
.nas_contenttabs { font-size:16px; }
.nas_contenttabs &gt; div{
  min-height: 217px;
}
ul#nas_tab  li { list-style-type:none; list-style:none; transition: all 0.3s ease-in-out; }
ul#nas_tab  li  { float:left; padding:10px; margin-right:0px; font-size:18px; padding-left:25px; padding-right:25px;}
ul#nas_tab  li a { color:#000;}
ul#nas_tab  li a:hover { text-decoration:none }
.reviewsitem {
	border-radius:0px;
	border: 1px solid #e5e5e5;
  box-shadow: 0px 0px 7px 1px #e5e5e5;
  -webkit-box-shadow: 0px 0px 7px 1px #e5e5e5;
  -moz-box-shadow: 0px 0px 7px 1px #e5e5e5;
	-o-box-shadow: 0px 0px 7px 1px #e5e5e5;
  padding: 20px;
	color:#333;
	font-size:14px;
	max-width:100% !important;	
  min-height: 258px;
	margin-top:0px !important;
  margin-bottom:15px !important;
	display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-start;
	position:relative !important;
}
.reviewsitem p, .reviewsitem p span{
    color: #333!important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-size: 14px!important;
    line-height: 20px!important;
}
.hoverblockblue { padding:5px; border-radius:5px; border:2px solid #17416e; color:#17416e; -webkit-transition: 0.5s; margin:auto; width:80%; min-height:150px; margin-bottom:10px; }
.hoverblockblue:hover { background-color:#F4F4F4;  }
.textresult{ color:#000; font-weight: bold; font-size:24px; font-family:'Open Sans Light';}
.domainselect{ color:#FFF; font-size:25px; margin-top:0px; font-family:'Brandon';}
.domainname{ color:#FFF; font-size:35px; margin-top:0px;}
.packages{ color:#FFF; font-size:20px; margin-top:0px;}
.ourworkindex { color:#fff; padding:0; font-size:32px; font-family:'Muse'; }
.ourworkindex .h1 { font-size:56px; margin:0px; font-family:'Muse'; }
.border15pxwhite { border-bottom:15px solid #fff; padding-bottom:15px; width:80%; position:relative; display:inline-block }
.smalltextourwork { color:#fff; font-size:16px; padding:0; font-family:'Muse'; }
.bottomhd{ 
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Open Sans Bold';
}
.portfolioimg { margin-bottom:-2px; }
.bordertop2pxblack { border-top:2px solid #50535a; background-color:#f9f9fa; }
.bordertop1pxblack { border-top:1px solid #50535a; }
.bordertop1pxgrey { border-top:1px solid #d9d9d9; }
.carborderbottom  { border-bottom:1px solid #d9d9d9; display:inline-block; width:100% }
.carborderbottom:last-child { border-bottom:none; }

.border1pxgrey { border:1px solid #a4a4a4; }
.borderbottom1pxgrey { border-bottom:1px solid #d9d9d9; display:inline-block; width:100% }
.borderbottom1pxgreydark { border-bottom:1px solid #cccccc; }

.borderocean2px { border:2px solid #26c1d0; }
.marginminus10px { margin-top:-10px !important; z-index:10000000 }
.customwebhosting { font-size:13px; }
.customwebhosting a { font-size:13px; }
.smallScreenMenu { display:none; }
.slidercaptions h1 {
	font-family:'Brandon';
	font-size:49px !important;
	font-weight:normal;
}

.slidercaptions h6 { font-size:16px !important; line-height:22px; }
ul.topmenu { position:relative; padding-top:0; list-style-type:none; float:right; z-index:200; margin-bottom:0;padding:0;}
ul.topmenu li { padding:0 16px; float:left; padding-bottom:0px; margin-left:3px; margin-right:3px; height:100px; }
ul.topmenu li:last-child { padding-right:0px !important; }
ul.topmenu li a { font-size:14px !important; text-transform:unset; color:#000; text-decoration:none; font-family:'Open Sans'; font-weight:normal }

.table th { background-color:#d3d3d3; font-weight:normal; font-size:14px }

.nasMenuitem { background: #f7f7f7; width:100%; position:absolute; height:auto; z-index:10; color:#000 !important; font-size:15px;  line-height:18px; z-index:100; padding:30px 0; top:80px; border-top: 2px solid #eee; }
.nasactivemenu { border-bottom:none; z-index:200; color:#C60 !important }
/*.nasactivemenu a:link { color:#f58220 !important; outline:none !important }*/
.menuslide-1 { background:url(../images/menu-down-arrow.png) no-repeat center #000; height:10px; position:relative;z-index:201; width:100%  }
.minmenuheight { min-height:240px; }
.nasMenuitem strong { font-size:14px; color:#1c6fb5 !important; }
.nasMenuitem a { color:#000; font-size:14px; text-decoration:none; line-height:30px; font-family:'Open Sans'; }
.nasMenuitem a:hover { color:#1c6fb5; }

.footercontent { font-size:15px; color:#fff; font-family:'Open Sans Light';}
.footerrightborder { border-right:1px solid #215389; min-height:145px; }
.borderfootertop { border-top:1px solid #215389; padding:12px }
.customtopmyaccount { padding-top:14px !important; padding-bottom:14px !important; }
.aboutbg { 
  background:url(../images/ecommerce-banner.jpg); 
  min-height:327px; 
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  vertical-align:middle;
  padding-top:5%;
  color:#fff;
  font-size:16px;
 }
 .aboutbg h1, .h1 { font-family:'Brandon'; font-size:34px }
 .aboutbg h3, .h3 { font-family:'Open Sans Light'; font-size:17px }
 .portfoliobg { 
  background:url(../images/ecommerce-banner.jpg); 
  min-height:227px; 
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  vertical-align:middle;
  padding-top:5%;
  color:#fff;
  font-size:16px;
 }
 .portfoliobg h1, .h1 { font-family:'Brandon'; font-size:34px }
 .portfoliobg h3, .h3 { font-family:'Open Sans Light'; font-size:17px }
 .searchengine { 
  background:url(../images/ecommerce-banner.jpg); 
  min-height:307px; 
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  vertical-align:middle;
  padding-top:4%;
  color:#fff;
  font-size:16px;
 }
 .searchengine h1, .h1 { font-family:'Brandon'; font-size:34px }
  .searchengine h3, .h3 { font-family:'Open Sans Light'; font-size:17px }
 .webhostingbg { 
  background:url(../images/web-hosting-bg.jpg); 
  min-height:327px; 
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  vertical-align:middle;
  padding-top:7%;
  color:#fff;
  font-size:16px;
 }
 .webhostingbg h1, .h1 { font-family:'Brandon'; font-size:34px }
  .webhostingbg h3, .h3 { font-family:'Open Sans Light'; font-size:17px }
 .webhostingbgoption {
	 background:url(../images/hosting-options-bg.jpg); 
	  background-size: content;
	  min-height:200px; 
	  width: 100%;
	  vertical-align:middle;
	  padding-top:3%;
	  color:#fff;
	  font-size:16px;
 }
 .webhostingbgoption h1, .h1 { font-family:'Brandon'; font-size:34px }
  .webhostingbgoption h3, .h3 { font-family:'Open Sans Light'; font-size:17px }
  .linuxhosting {
	 background:url(../images/hosting-options-bg.jpg); 
	  min-height:200px; 
	  width: 100%;
	  height: 100%;
	  background-position: center;
	  background-size:contain;
	  vertical-align:middle;
	  padding-top:3%;
	  color:#fff;
	  font-size:16px;
 }
 .linuxhosting h1, .h1 { font-family:'Brandon'; font-size:34px }
 .linuxhosting h3, .h3 { font-family:'Open Sans Light'; font-size:17px }
  .domaintransfer {
	 background:url(../images/hosting-options-bg.jpg); 
	  min-height:200px; 
	  width: 100%;
	  height: 100%;
	  background-position: center;
	  background-size:contain;
	  vertical-align:middle;	  
	  color:#fff;
	  font-size:16px;
 }
 .domaintransfer h1, .h1 { font-family:'Brandon'; font-size:34px }
 .domaintransfer h3, .h3 { font-family:'Open Sans Light'; font-size:17px }
 .ecommercebg { 
  background:url(../images/ecommerce-banner.jpg); 
  min-height:327px; 
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  vertical-align:middle;
  padding-top:5%;
  color:#fff;
  font-size:16px;
 }
 .ecommercebg h1, .h1 { font-family:'Brandon'; font-size:34px }
 .ecommercebg h3, .h3 { font-family:'Open Sans Light'; font-size:17px }
  .domainreg { 
  background:url(../images/bg-texture.gif); 
  min-height:220px; 
  width: 100%;
  height: 100%;
  background-position: center;
  
  vertical-align:middle;
  padding-top:2.5%;
  color:#fff;
  font-size:16px;
 }
 .domainreg h1, .h1 { font-family:'Brandon'; font-size:34px }
  .domainreg h3, .h3 { font-family:'Open Sans Light'; font-size:17px }
 .defaultbg {
	 background:url(../images/bg-texture.gif); 
	  min-height:180px; 
	  width: 100%;
	  height: 100%;
	  background-position: center;
	  
	  vertical-align:middle;
	  padding-top:2.5%;
	  color:#fff;
	  font-size:16px;
 }
 .defaultbg h1, .h1 { font-family:'Brandon'; font-size:34px }
.defaultbg h3, .h3 { font-family:'Open Sans Light'; font-size:17px }
.transferdomain { 
  background:url(../images/bg-texture.gif)!important;
  background: #1F4278;
  min-height:220px; 
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain!important;
  vertical-align:middle;
  padding-top:0.5%;
  color:#fff;
  font-size:16px;
 }
  .transferdomain h3, .h3 { font-family:'Open Sans Light'; font-size:17px }
.toppush10px  { top:10px; }
.toppush5px { top:5px; } 
 
 .homelink { color:#000; text-align:left !important; font-size:13px; text-decoration:none !important;}
 .homelink a:link{ color:#000;}
 .homelink a:acive{ color:#000;}
 .homelink a:hover{ color:#f89a2f;}
 .text-left{text-align:left !important;}
 .homehead{font-size:16px !important; font-family:'Open Sans Bold'; }
 
.borderbigpagehd { border-bottom:2px solid #f2f4f5; border-top:2px solid #f2f4f5; padding:20px 0; }
.bigbtnfixwidth { width:400px; font-size:16px; letter-spacing:0.08em }
.modal.custom {
    outline:none;
    
}
.width100 { width:100%; }
.orange{ color:#f89a2f;}
.modal.custom .modal-dialog {
    width:35%;
	margin-top:15%;
}

.modal.custompoplogin {
    outline:none;
    
}

.modal.custompoplogin .modal-dialog {
    width:35%;
	margin-top:12%;
}

/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .glyphicon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
  padding-top:12px;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

.dottedbordertop { border-top:2px dotted #000; }
ul.servicelist { list-style-type:none; margin:0px; padding:0px; }
.servicelist li { border-bottom:1px solid #0d2f54; padding:10px 0px; text-align:left; color:#fff; }
.servicelist li:last-child { border-bottom:none;}
.servicelist li a { color:#fff; text-decoration:none; font-size:15px; }
.servicelist li img { opacity:0.4; }
.cartitemhd { font-size:14px; padding:5px; font-weight:bold; border-bottom:1px solid #DEDEDE; display:inline-block; width:100% }
.cartcls { border-top:1px solid #DEDEDE; }
.cartitem { padding:5px; border-bottom:1px solid #DEDEDE; display:inline-block; width:100% }
.addprivacytext { font-size:12px; color:#999; padding-left:20px; }
.reviewcartitem { padding:10px; border:1px solid #E8E8E8; border-left:none; background:#fff; font-size:14px; color:#000; display:inline-block; width:100%; font-family:'Open Sans' !important; z-index:99; }
.reviewcartitem, h2 { font-family:'Open Sans' !important; }
.reviewcartitem ,.h5 { font-size:14px; }
.reviewcartitem ,.h6 { font-size:12px; }
.textsmallrightcenter { text-align:right }
.badgedesc { color:#000; text-align:left;  position:absolute; width:97%; border-bottom:1px solid #e5e5e5; padding-bottom:5px; font-size:20px; }
.selectpicker2 { padding:10px; border:1px solid #27c1d0; width:80% }
.selectpickergrey { padding:10px; border:1px solid #999; width:80% }
.borderblue { border-radius:2px; border:1px solid #27c1d0; padding:15px; }
.borderleftrorange { border-left: 3px solid #FF9326; }
.borderlightgrey { border:1px solid #eaeaea; }
.opensansfont { font-family:'Open Sans Bold' !important; }
.pad5 { padding:5px; }
.pad10 { padding:10px; }
.padleft10 { padding-left:10px; }
.pad15 { padding:15px; }
.pad20 { padding:20px; }
.pad25 { padding:25px; }
.pad30 { padding:30px; }
.pad35 { padding:35px; }
.pad40 { padding:40px; }
.pad45 { padding:45px; }
.pad50 { padding:50px; }
.custompad15 { padding:15px !important; }
.custompad5 { padding:5px !important; }
.tab_domain { width:50%; padding:20px; background:#CCC; float:left; text-align:center; position:relative }
a.tab_domain { color:#000 !important; }
.activedomain { background:#26c1d0; }
.activedomain a { color:#fff; }
a.activedomain { color:#fff !important; }
.tab_domain_content { position:relative; display:none; width:100% }
.domianitem { padding-top:15px; padding-bottom:15px; border-bottom:1px solid #DEDEDE; display:inline-block; width:100%; }
.domianitem:last-child { border-bottom:none }

.modal.custom .modal-dialog {
    width:70%;
	margin-top:10%;
}
.hostingpackage { padding:8px; display:inline-block; padding-top:7px; padding-bottom:7px; margin-right:10px; width:31.5%  }
.hostingpackage:first-child { margin-left:0px; }
.hostingpackage:last-child { margin-right:0px; }
.marginleft10px { margin-left:10px; }
.hostingplanhd { padding:10px; background:#17416e; color:#fff; width:100%; font-size:20px; font-family:'Open Sans Light' !important; }
ul.hostingdetails  {
    list-style:none;
	margin-left:-10px;
}
#map_canvas { min-height:350px; }
.hostingdetails li {
     background:url(../images/knowledge-icon.png) no-repeat 0 0px; 
     padding-left: 28px; /* the width of your image + some space */
     margin-left: -28px;
	 padding-bottom:5px;
	 line-height:18px;
	 font-size:14px;
	 margin-bottom:15px;
	 padding-bottom:10px;
	 border-bottom:1px solid #F4F4F4
}
.hostingdetails li:last-child { border-bottom:none; }
.hostingdetails li a { font-size:14px; text-decoration:none; color:#666; }

.hostingli li {
     background:url(../images/hosting-tick.jpg) no-repeat 0 0px !important; 
     padding-left: 28px !important; /* the width of your image + some space */
     margin-left: -28px !important;
	 padding-bottom:5px !important;
	 line-height:18px !important;
	 font-size:14px !important;
	 margin-bottom:15px !important;
	 padding-bottom:10px !important;
	 border-bottom:1px solid #F4F4F4;
	 list-style-type:none;
	 
}
.hostingli li:last-child { border-bottom:none; }
.hostingli li a { font-size:14px; text-decoration:none; color:#666; }


ul.checkul  {
    list-style:none;
	margin-left:-10px;
}

.checkul li {
     background:url(../images/checkul.png) no-repeat 0 0px; 
     padding-left: 20px; /* the width of your image + some space */
     margin-left: -18px;
	 padding-bottom:5px;
	 line-height:18px;
	 font-size:14px;
	 margin-bottom:15px;
}

/* CHECKBOX*/

/*-----Radio buttons---*/
.confdomain input[type="radio"] {
    display:none;
}

.confdomain input[type="radio"] + label {
    font-size:14px;
}

.googletext{
	font-size:15px;
	line-height:25px;}
	
	
.confdomain label span {
	display:inline-block;
    width:45px;
    height:37px;
    margin:0;
    vertical-align:middle;
    background:url(../images/green_radio.png) top 37px;
    cursor:pointer;
}
.confdomain input[type="radio"] + label span {
    display:inline-block;
    width:45px;
    height:37px;
    background:url(../images/green_radio.png) 0px top no-repeat;
    cursor:pointer;
}

.confdomain input[type="radio"]:checked + label span {
     background:url(../images/green_radio.png) -45px bottom;
}
/*---*/
.in-review-cart label span {
	display:inline-block;
    width:25px;
    height:20px;
    margin:0;
	margin-left:-18px;
	margin-top:-4px;
    vertical-align:middle;
    background:url(../images/green_radio_small.png) top 20px;
    cursor:pointer;
}
.in-review-cart input[type="radio"] + label span {
    display:inline-block;
    width:25px;
    height:20px;
    background:url(../images/green_radio_small.png) 0px top no-repeat;
    cursor:pointer;
}

.in-review-cart input[type="radio"]:checked + label span {
     background:url(../images/green_radio_small.png) -25px bottom;
}
/*----------Checkboxes-------------------*/
.confdomain input[type="checkbox"] {
    display:none;
}

.confdomain input[type="checkbox"] + label {
    font-size:16px;
}

.confdomain input[type="checkbox"] + label span {
    display:inline-block;
    width:45px;
    height:37px;
    background:url(../images/green_checkbox.png) 0px top no-repeat;
    cursor:pointer;
}

.confdomain input[type="checkbox"]:checked + label span {
    background:url(../images/green_checkbox.png) -45px bottom;
}

/*CHECKBOX STYLE ENDS*/
.tab-strip { display:inline-block; background:#093360; width:100%; margin:auto; padding-top:0px; padding-bottom:0px; }
.tab-strip-grey { display:inline-block; width:100%; margin:auto; padding-top:0px; padding-bottom:0px; }
.tab-bg { position:absolute; right:0; bottom:0; z-index:-1 }
.leftcontenzindex { z-index:5 !important; display:inline-block }
.minheight {  min-height:539px; display:block }
.strip-lightgreen { background:#d6ed90; display:inline-block; width:100%; margin:auto; padding:10px; color:#000; margin-top:-5px; }
.strip-darkgreen { background:#72940d; display:inline-block; width:100%; padding:22px; color:#000; margin-bottom:-5px } 
.strip-darkgreen:hover { background:#72940d; }

.headerreview { 
	    padding: 15px;
    box-shadow: 4px 4px 0px #E8E8E8;
    border: 2px solid #E8E8E8;
    border-left:none;

 }
 .headrevext { border-left: 5px solid #27C1D0;
 display: inline-block;
  width: 100%;
  }
.content { font-family:'Open Sans' !important; }
.content .h2 { font-family:'Open Sans' !important! }
.text-distam { font-family:'Open Sans' }
.bigtextbox { padding:15px; }
.adddomains { background:#f4f5f6; padding:30px; border:3px solid #b8b8b8; border-radius:4px; width:100%; display:inline-block; padding-left:30px; padding-right:30px; }
.noroundcorner { border-radius:0px !important; }
.samestepwidth { min-width:260px; }
.bg-grey { background:#f9f9f9; }
.normaltextLight { font-family:'Open Sans Light' !important; font-weight:normal !important;margin:0; }
.searchengineoptsec { border-bottom:3px solid #000; width:100%; padding-bottom:0px !important; }
.bgoceanroundcircle { font-family:'Open Sans Light' !important; background:#1b92ab; border-radius:12%; padding:4px 13px 7px 15px !important; text-align:center; color:#fff; font-size:37px; }
.resultdomaintransfer { background:#f0f0f0; padding:20px; border:1px solid #000; border-radius:5px; }
.resultdomaintransfer h5 { font-weight:normal !important; }
.textblack { color:#000 !important; }
.borbottom2pxdarkblue { border-bottom:2px solid #022c5b; }
/*-------------Accordion---------------*/
	h2.acc_trigger {
		padding-top: 0px;	margin: 0 0 0px 0;
		background: url(../images/tab_plus_minus.png) no-repeat #fff;
		height: 45px;	line-height: 45px;
		width: 100%;
		font-size: 18px;
		font-weight: normal;
		float: left;
		text-transform:uppercase;
		
		border:2px solid #e4e4e4;
		border-radius:3px;
		margin-bottom:5px;
	}
	.viewlink { float:left; font-size:12px; color:#525252; text-align:center; cursor:default}
	h2.acc_trigger a {
		color: #000;
		text-decoration: none;
		display: block;
		padding: 0 0 0 45px;
		float:left;
		width:40%;
	}
	h2.acc_trigger a:hover {
		color: #000;
	}
	h2.active {}
	.acc_container {
		margin: 0 0 0px; padding: 0;
		overflow: hidden;
		font-size: 13px;
		width: 100%;
		clear: both;
		
		
	}
	.acc_container .block {
		padding: 10px;
		background-color:#ebebeb;
		box-shadow:inset 0px 0px 10px 10px #cacaca;
	}
	.acc_container .block p {
		padding: 5px 0;
		margin: 5px 0;
	}
	.acc_container h3 {
		font: 2.5em normal Georgia, "Times New Roman", Times, serif;
		margin: 0 0 10px;
		padding: 0 0 5px 0;
		border-bottom: 1px dashed #ccc;
	}
	.acc_container img {
		float: left;
		margin: 10px 15px 15px 0;
		padding: 5px;
		background: #ddd;
		border: 1px solid #ccc;
	}	
	#myaccountTabs { padding:5px; border:1px solid #bfbfbf; }
	.bggreylightme { background:#f2f2f2; }
/* skin-blue sidebar */
.skin-blue .sidebar {
  border-bottom: 1px solid #fff;
  background:#18416f;
}
.skin-blue .sidebar &gt; .sidebar-menu &gt; li {
  border-top: 1px solid #08305d;
  border-bottom: 1px solid #08305d;
}
.skin-blue .sidebar &gt; .sidebar-menu &gt; li:first-of-type {
  border-top: 1px solid #08305d;
}
.skin-blue .sidebar &gt; .sidebar-menu &gt; li:first-of-type &gt; a {
  border-top: 1px solid #08305d;
}
.skin-blue .sidebar &gt; .sidebar-menu &gt; li &gt; a {
  margin-right: 1px;
  color:#fff;
}
.skin-blue .sidebar &gt; .sidebar-menu &gt; li &gt; a:hover,
.skin-blue .sidebar &gt; .sidebar-menu &gt; li.active &gt; a {
  color: #fff;
  background: #f89a2f;
}
.skin-blue .sidebar &gt; .sidebar-menu &gt; li &gt; .treeview-menu {
  margin: 0 1px;
  background: #18416f;
}
.skin-blue .left-side {
  background: #f4f4f4;
  -webkit-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.1);
  box-shadow: inset -3px 0px 8px -4px rgba(0, 0, 0, 0.07);
}
.skin-blue .sidebar a {
  color: #fff;
}
.skin-blue .sidebar a:hover {
  text-decoration: none;
}
.skin-blue .treeview-menu &gt; li &gt; a {
  color: #fff;
}
.skin-blue .treeview-menu &gt; li.active &gt; a,
.skin-blue .treeview-menu &gt; li &gt; a:hover {
  color: #fff;
}
.skin-blue .sidebar-form {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #dbdbdb;
  margin: 10px 10px;
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
  box-shadow: none;
  background-color: #fafafa;
  border: 1px solid #fafafa;
  height: 35px;
}
.skin-blue .sidebar-form input[type="text"] {
  color: #666;
  -webkit-border-top-left-radius: 2px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 2px !important;
  -moz-border-radius-topleft: 2px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -moz-border-radius-bottomleft: 2px !important;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 2px !important;
}
.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-blue .sidebar-form .btn {
  color: #999;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 2px !important;
  -webkit-border-bottom-right-radius: 2px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 2px !important;
  -moz-border-radius-bottomright: 2px !important;
  -moz-border-radius-bottomleft: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 0 !important;
}	
	
/*--------------Accordion Ends-------*/
/* Media Queries
/*-----------------------------------------------------------------------------------*/
/*
    Navbar custom dropdown menu
------------------------------------
*/
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu,
.navbar-nav &gt; .messages-menu &gt; .dropdown-menu,
.navbar-nav &gt; .tasks-menu &gt; .dropdown-menu {
  width: auto;
  padding: 0 0 0 0!important;
  margin: 0!important;
  top: 100%;
  border: 1px solid #dfdfdf;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
}
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li.header,
.navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li.header,
.navbar-nav &gt; .tasks-menu &gt; .dropdown-menu &gt; li.header {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #ffffff;
  padding: 7px 10px;
  border-bottom: 1px solid #f4f4f4;
  color: #444444;
  font-size: 14px;
}
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li.header:after,
.navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li.header:after,
.navbar-nav &gt; .tasks-menu &gt; .dropdown-menu &gt; li.header:after {
  bottom: 100%;
  left: 92%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 7px;
  margin-left: -7px;
}
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li.footer &gt; a,
.navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li.footer &gt; a,
.navbar-nav &gt; .tasks-menu &gt; .dropdown-menu &gt; li.footer &gt; a {
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;


  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 12px;
  background-color: #f4f4f4;
  padding: 7px 10px;
  border-bottom: 1px solid #eeeeee;
  color: #444444;
  text-align: center;
}
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li.footer &gt; a:hover,
.navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li.footer &gt; a:hover,
.navbar-nav &gt; .tasks-menu &gt; .dropdown-menu &gt; li.footer &gt; a:hover {
  background: #f4f4f4;
  text-decoration: none;
  font-weight: normal;
  outline:none !important;
  
}
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu,
.navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu,
.navbar-nav &gt; .tasks-menu &gt; .dropdown-menu &gt; li .menu {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a,
.navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a,
.navbar-nav &gt; .tasks-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a {
  display: block;
  white-space: nowrap;
  /* Prevent text from breaking */

  border-bottom: 1px solid #f4f4f4;
}
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a:hover,
.navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a:hover,
.navbar-nav &gt; .tasks-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a:hover {
  background: #f6f6f6;
  text-decoration: none;
}
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a {
  font-size: 12px;
  color: #444444;
}
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .glyphicon,
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .fa,
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .ion {
  font-size: 20px;
  width: 50px;
  text-align: center;
  padding: 15px 0px;
  margin-right: 5px;
  /* Default background and font colors */

  background: #00c0ef;
  color: #f9f9f9;
  /* Fallback for browsers that doesn't support rgba */

  color: rgba(255, 255, 255, 0.7);
}
.section-colored-footer a { font-size:15px; color:#fff; font-family:'Open Sans Light'; }
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .glyphicon.danger,
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .fa.danger,
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .ion.danger {
  background: #f56954;
}
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .glyphicon.warning,
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .fa.warning,
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .ion.warning {
  background: #f39c12;
}
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .glyphicon.success,
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .fa.success,
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .ion.success {
  background: #00a65a;
}
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .glyphicon.info,
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .fa.info,
.navbar-nav &gt; .notifications-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; .ion.info {
  background: #00c0ef;
}
.navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a {
  margin: 0px;
  line-height: 20px;
  padding: 10px 5px 10px 5px;
  /*-webkit-border-radius: 4px;
  -moz-border-radius: 4px;*/
 /* border-radius: 4px;*/
}
.navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; div &gt; img {
  margin: auto 10px auto auto;
  width: 40px;
  height: 40px;
  border: 1px solid #dddddd;
}
.navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; h4 {
  padding: 0;
  margin: 0 0 0 45px;
  color: #444444;
  font-size: 15px;
}
.navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; h4 &gt; small {
  color: #999999;
  font-size: 10px;
  float: right;
}
.navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a &gt; p {
  margin: 0 0 0 45px;
  font-size: 12px;
  color: #888888;
}
.navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a:before,
.navbar-nav &gt; .messages-menu &gt; .dropdown-menu &gt; li .menu &gt; li &gt; a:after {
  display: table;
  content: " ";
}
.dropdown-menu .menu &gt; li { padding-left:9px; }
.dropdown-menu &gt; li.header { border-bottom:none !important; width:2px; }
.dropdown-menu .menu &gt; li a { font-weight:normal !important; } 

/*PORTFOLIO*/
.home .quotes .slide, .home2 .quotes .slide, .home3 .quotes .slide {
    display: table;
    text-align: center;
}
.home .slide, .home2 .slide, .home3 .slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.home .slide:before, .home2 .slide:before, .home3 .slide:before {
    content: "";
    background: 0 0;
    transition: background .6s ease;
    position: absolute;
    left: 0;
    top: 0;
}
.home .slide .quote-video, .home2 .slide .quote-video, .home3 .slide .quote-video {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    max-width: 78.125em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
}
.home .slide .quote, .home .slide .quote-video, .home2 .slide .quote, .home2 .slide .quote-video, .home3 .slide .quote, .home3 .slide .quote-video {
    transition: opacity .3s ease;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.home .slide.playing .quote-video, .home2 .slide.playing .quote-video, .home3 .slide.playing .quote-video {
    opacity: 1;
    filter: alpha(opacity=100);
}
.home .slide.video-active.paused .quote-video, .home2 .slide.video-active.paused .quote-video, .home3 .slide.video-active.paused .quote-video {
    opacity: .5!important;
    filter: alpha(opacity=50);
}
.home .slide.video-active:before, .home2 .slide.video-active:before, .home3 .slide.video-active:before {
    background: rgba(25, 29, 34, .9);
    width: 100%;
    height: 100%}
.home .slide.video-active .quote-video, .home2 .slide.video-active .quote-video, .home3 .slide.video-active .quote-video {
    pointer-events: auto;
}
.home .slide.video-active .quote, .home2 .slide.video-active .quote, .home3 .slide.video-active .quote {
    opacity: 0;
    filter: alpha(opacity=0);
}
.home .slide-close, .home2 .slide-close, .home3 .slide-close {
    position: absolute;
    top: 1.25em;
    right: 2.6875em;
    z-index: -1;
    display: inline-block;
    vertical-align: middle;
    height: 11px;
    width: 11px;
    background-image: url(http://www.invisionapp.com/assets/img/sprites/enterprise-sfdeccc7123.png);
    background-position: 0 -256px;
    background-repeat: no-repeat;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s ease;
    visibility: hidden;
}
.home .slide-close:after, .home2 .slide-close:after, .home3 .slide-close:after {
    content: "";
    position: absolute;
    width: 2.625em;
    height: 2.625em;
    display: block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 6.25em;
    transition: all .2s ease;
}
.home .slide-close:focus:after, .home .slide-close:hover:after, .home2 .slide-close:focus:after, .home2 .slide-close:hover:after, .home3 .slide-close:focus:after, .home3 .slide-close:hover:after {
    background: rgba(255, 255, 255, .2);
}

.customers .featured-customer {
    height: 477px;
    overflow: hidden;
    position: relative;
    margin: 0 0 10px;
}
.customers .featured-customer.ebay h3 {
    display: inline-block;
    vertical-align: middle;
    height: 130px;
    width: 331px;
   
    background-position: 0 -701px;
    background-repeat: no-repeat;
}
.customers .featured-customer.ebay .off h3 {
    display: inline-block;
    vertical-align: middle;
    height: 130px;
    width: 331px;
   
    background-position: 0 -551px;
    background-repeat: no-repeat;
}
.customers .featured-customer.evernote h3 {
    display: inline-block;
    vertical-align: middle;
    height: 113px;
    width: 456px;
   
    background-position: 0 -1085px;
    background-repeat: no-repeat;
}
.customers .featured-customer.evernote .off h3 {
    display: inline-block;
    vertical-align: middle;
    height: 113px;
    width: 456px;
    
    background-position: 0 -952px;
    background-repeat: no-repeat;
}
.customers .featured-customer.razorfish h3 {
    display: inline-block;
    vertical-align: middle;
    height: 88px;
    width: 488px;
   
    background-position: 0 -1503px;
    background-repeat: no-repeat;
}
.customers .featured-customer.razorfish .off h3 {
    display: inline-block;
    vertical-align: middle;
    height: 88px;
    width: 488px;
   
    background-position: 0 -1395px;
    background-repeat: no-repeat;
}
.customers .featured-customer .slide-container {
    width: 758px;
    height: 430px;
    position: absolute;
    border-radius: 5px;
    border: 1px solid #CCC;
}
.customers .featured-customer .slide-container.center {
    left: 50%;
    margin-left: -380px;
    height: auto;
}
.customers .featured-customer .slide-container.left {
    left: 50%;
    margin-left: -1180px;
}
.customers .featured-customer .slide-container.right {
    margin-right: -1180px;
    right: 50%}
.customers .featured-customer .slide-container.off {
    border-color: #d4d7da;
}
.customers .featured-customer .slide-container.off .see-why {
    display: none;
}
.customers .featured-customer .slide-container.off h4, .customers .featured-customer .slide-container.off p {
    color: #d4d7da!important;
}
.customers .featured-customer .slide-container.off .slide {
   /* background: 0 0!important;*/
   opacity:0.1;
}
.customers .featured-customer .slide-container h3 {
    text-indent: -9999px;
    text-align: left;
    margin-top: 96px;
}
.customers .featured-customer .slide-container h4 {
    font: 700 22px/1em brandon-grotesque, sans-serif;
    color: #fff!important;
    text-transform: uppercase;
    margin: 80px 0 7px!important;
    display: inline-block;
}
.customers .featured-customer .slide-container p {
    font-size: 26px;
    color: #fff;
    line-height: 42px;
    font-style: italic;
    font-weight: 100;
    width: 80%;
    display: inline-block;
}
.customers .featured-customer .slide-container .see-why {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 0 25px;
}
.customers .featured-customer .slide-container .see-why a {
    color: #f36;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: brandon-grotesque, sans-serif;
    font-style: normal;
}
.customers .featured-customer .slide-container .slide {
    width: 756px;
    height: 426px;
    line-height: 353px;
	text-align:center;
    background-color: #323a45;
	
	 
}
.customers .featured-customer .slide-container .slide-content {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
}
.customers .featured-customer .slide-container .bx-viewport {
    border-radius: 5px;
    z-index: 5;
    -webkit-mask-image: url(data:image/png;
    base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.customers .featured-customer .slide-container .bx-controls-direction {
    position: absolute;
    top: 0;
    margin-top: 105px;
    z-index: 100;
    width: 100%}
.customers .featured-customer .slide-container .bx-controls-direction a {
    width: 70px;
    height: 216px;
    display: block;
    text-indent: -9999px;
    position: absolute;
}
.customers .featured-customer .slide-container .bx-controls-direction a.bx-prev {
    display: inline-block;
    vertical-align: middle;
    height: 90px;
    width: 35px;
    background-image: url(../images/leftright.png);
    background-position: 0 0px;
    background-repeat: no-repeat;
    left: 0;
    margin-left: 8px;
	margin-top:62px;
}
.customers .featured-customer .slide-container .bx-controls-direction a.bx-next {
    display: inline-block;
    vertical-align: middle;
    height: 90px;
    width: 35px;
    background-image: url(../images/leftright.png);
    background-position: 0px -90px;
    background-repeat: no-repeat;
    right: 0;
    margin-right: 8px;
	margin-top:62px;
}
.customers .featured-customer .slide-container .bx-pager {
    display: inline-block;
    width: 100%;
	text-align:center;	
}
.customers .featured-customer .slide-container .bx-pager .bx-pager-item {
    height: 10px;
    width: 10px;
    display: inline-block;
    margin: 39px 5px 0;
}
.customers .featured-customer .slide-container .bx-pager a {
    height: 10px;
    width: 10px;
    text-indent: -9999px;
    background: #e9ebec;
    border-radius: 10px;
    display: block;
}
.customers .featured-customer .slide-container .bx-pager a.active {
    background: #f36;
}
/*PORTFOLIO*/


#gallery .gallery-item {
    right: 0;
    margin: 0 0 15px;
}

#gallery .gallery-item .gallery-link {
    display: block;
    position: relative;
    margin: 0px;
    max-width: 400px;
	float:left;
}

#gallery .gallery-item .gallery-link .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(52, 152, 219,.9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#gallery .gallery-item .gallery-link .caption:hover {
    opacity: 1;
}

#gallery .gallery-item .gallery-link .caption .caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#gallery .gallery-item .gallery-link .caption .caption-content i {
    margin-top: -12px;
}

#gallery .gallery-item .gallery-link .caption .caption-content h3,
#gallery .gallery-item .gallery-link .caption .caption-content h4 {
    margin: 0;
}

#gallery * {
    z-index: 2;
}

.element-item.gallery-item{
	padding: 15px;
	max-width: 32.333%;
	overflow: hidden;
}
.gallery-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.gallery-modal .modal-content h2 {
    margin: 0;
    font-size: 3em;
}

.gallery-modal .modal-content img {
    margin-bottom: 0px;
}

.gallery-modal .modal-content .item-details {
    margin: 30px 0;
}

.gallery-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.gallery-modal .close-modal:hover {
    opacity: .3;
}

.gallery-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #444444;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.gallery-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #444444;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.gallery-container .mix{
    display: none;
}

.headertitle {
	position: absolute;
	bottom: 0px;
	left: 0%;
	z-index: 10;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFF;
	text-align: center;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
	background-color: rgba(52, 152, 219, 0.6);
	width: 80.33%;
	right: 0%;
	top:inherit !!important;
	text-align:center;
}
/*========================
==== Portfolio Section ===
==========================*/
.portfolio-wrapper {
	margin-bottom:30px;
} 

.single-project.medium-project {
	margin-top:15px;
}

.project-filter .filter{
	margin-bottom:25px;
}

ul.filter li {
	padding: 0;
	margin: 0;
}

ul.filter li a {
	font-size: 18px;
	color: #454545;
	padding: 8px 20px;
}

ul.filter li a:hover, ul.filter li a.active {
	color: #fff;
}

.portfolio-item {
	position: relative;
}

.portfolio-item img {
	width: 100%;
}

.portfolio-item a {
	color: #fff;
	font-size:22px;
	margin-right:10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.portfolio-item .overlay {
	position: absolute;
	top: 0;
	left: 0;
	padding: 30px;
	color:#fff;
	width:100%;
	opacity:0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	height:100%
}

.portfolio-item h2 {
	font-size: 30px;
	color: #fff;
	margin-top:5px;
}

.portfolio-item:hover .overlay {
	width:100%;
	opacity:1;
}

.portfolio-item .overlay .overlay-content {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 30px;
	margin-top: -85px;
	height: 100%;
}

/*=========================
 ====Isotope filtering=====
===========================*/
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    transition-property:transform, opacity;
}

.filterable-product {
	width:20%;
	padding:15px;
}

.filterable-product.filter2 {
	width:33.33%
}
.minheight { min-height:500px; }
/*===================================
====== Portfolio Details CSS ========
=====================================*/
#projects-details{
	margin-bottom:25px;
}

#projects-details h2 {
	margin-top:0;
	margin-bottom:25px;
}

#projects-details ul {
	margin-top:25px;
	margin-bottom:25px;
}

#projects-details ul li {
	margin-bottom:10px;
}

#projects-details ul li i {
	margin-right:15px;
}

.portfolio-item a:hover{
	color:#9d5468
}

.portfolio-item .overlay, .instagram li a:before, .member .overlay {
	background-color: rgba(251,251,251,0.9);
	color:#000
	
}
.portfolio-content { font-family:'Open Sans Light' }
ul.filter li {
	padding: 0;
	margin: 0;
	border-radius:4px;
}

ul.filter li a {
	font-size: 18px;
	color: #454545;
	padding: 8px 20px;
	font-family:'Open Sans Light';
	font-size:16px;
	border-radius:4px;
}

ul.filter li a:hover, ul.filter li a.active {
	color: #fff;
}
 ul.filter li a:hover, ul.filter li a.active {
	background-color: #17416e;
}

.menucutommobile { display:none; position:absolute; width:100%; background:#fff; z-index:100; margin-top:0px; top:95px;  }
.menucutommobile ul { list-style-type:none; margin:0px; }
.menucutommobile ul li { border-bottom:.0625rem solid #d5d5d5!important; margin:0px; margin-left:-35px; }
.selectpicker.btn-default { padding-bottom:17px !important}
.panel-defaultcustom2 {
	border-bottom: 0px solid #44A7FC;
	border-radius: 0px !important;
	border-color: #E0E0E0 #E0E0E0 #44A7FC;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background: transparent none repeat scroll 0% 0% !important;
	margin-top: -5px !important;	
	border-color: transparent !important;
	border-bottom: none !important;
	border:0px !important;
}
div#accordionMobile &gt; .panel:last-child &gt; .panel-heading {
    border: none!important;
}
#accordionMobile { margin-bottom:0px !important; margin:5px 0 0 0px !important}
.panel-defaultcustom2 &gt; .panel-heading { 
    background: #fff;
    color: #000;
    font-size: 14px !important;
    font-weight: normal !important;
    border-bottom: .0625rem solid #d5d5d5!important;
    padding: 15px 45px 15px 15px!important;
}
.panel-defaultcustom2 &gt; .panel-title { font-size:14px !important; }
.menucutommobile ul { margin-left:0px; margin-right:0px; }
.menucutommobile li { padding:10px; }
.menucutommobile li:first-child { padding-top:-10px }
.menucutommobile li:last-child { padding-bottom:20px }
.menucutommobile li a { color:#000; }
.customsizembmen a  { font-size:14px; }
.padtopcust { padding-top:5px;}
.socialico a { font-size:26px; color:#fff; }
.socialico a:hover { font-size:26px; color:#A4B3DB; }
.btndefault  { font-size:14px !important; width:280px !important; text-align:center !important }
.indexselect { width:14% !important; padding:5px !important; border-radius:4px !important; margin-bottom:5px !important; margin-top:-2px;  }
.indexselect .btn-default { padding:10px !important; border-radius:4px !important;  }
/* Header */
.headerTop { /*padding: 10px 0;*/padding:0; height: 95px; width:100%; display:inline-block; position: fixed; background:#fff;z-index: 100000000000000000000; border-bottom: .1875rem solid #f0f0f0;}
.navbar {
  /*height: 75px;*/
  height: 95px;
  position: relative;
	z-index:1;
	width:100%;
  border:0!important;
	/*background:url(../images/body-bg.jpg) repeat-x;*/
	 -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
}	
header {
 
  /*height: 180px;*/
  overflow: hidden;
 
  top: 0;
  left: 0;
  z-index: 999;
 
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s; }
  header .logo {
    display: inline-block;
    height: 128px;
    margin-top:0px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .scrolldiv { 
    visibility: visible;
 	 opacity: 1;
	 
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; 
	
	}
  .navbar.smaller {
  /*height: 120px;
	background:#f4f4f4;
	box-shadow: 1px 1px 3px #ccc;
	border-radius: 0px !important;*/
	}  
  /*header.smaller {
    height: 120px; }*/
    header.smaller .logo {
      height: 100px;
	  margin-top:-25px;
       }
	   .hidenow { visibility: hidden;
  opacity: 0;
  height:0 }
    .topmake { top:119px !important;}
	.sidebar { display:block; }
/* Heder ends */
/* PORTFOLIO */
#work-grid{
  display: flex;
  flex-direction: column;
  width: 100%;
}
#work-grid&gt;ul {
  text-align:center;
  margin:0 auto;
  padding:10px 0 60px;
  list-style:none;
  width:100%;
  max-width:100%
}
#work-grid&gt;ul&gt;li {
  vertical-align:top;
  position:relative;
  display:inline-block;
  width:33.333%;
  overflow:hidden;
  text-align:left;
  margin:0 0 2px 0;
  border: 1px solid #e5e5e5;
  float:left;
  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
  opacity: 1;
  transition: transform 250ms ease-out 0s, opacity 250ms ease-out 0s;
  
}
.portfolio {
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #f5f5f5;
    height: 475px;
}
.portfolio.hover-two .tt-overlay-theme-color {
    background-color: rgba(0,0,0,.7);
}
.tt-overlay-theme-color {
    background-color: rgba(255,42,64,.9);
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}
.portfolio img {
    width: 100%;
}
.portfolio-info {
    text-align: center;
}
.portfolio-info .project-title {
    top: 60%;
    margin: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.portfolio-info .project-title, .portfolio-info .project-meta {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    color: #fff!important;
    font-size: 16px!important;
}
.portfolio-info .project-meta {
    top: 90%;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    font-size: 13px!important;
}
.portfolio-item .portfolio.hover-two .project-meta {
    margin: 0;
    padding: 0;
}
.portfolio-external-link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.portfolio-external-link li {
    display: inline-block;
    position: relative;
    bottom: -40px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin: 0 3px;
}
.portfolio-external-link li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #3e3e3e;
    border-radius: 2px;
    color: #fff;
}
.portfolio:hover .tt-overlay-theme-color {
    opacity: 1;
    visibility: visible;
}
.portfolio.hover-two:hover .portfolio-info .project-title {
    top: 50%;
    margin-top: -30px;
}
.portfolio:hover .portfolio-info .project-title {
    top: 30%;
    top: calc(30% - 0px);
    opacity: 1;
    visibility: visible;
}
.portfolio:hover .portfolio-info .project-meta {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.portfolio:hover .portfolio-external-link li {
    bottom: 0;
    opacity: 1;
    visibility: visible;
}
.portfolio:hover .portfolio-external-link li:nth-child(1) {
    -webkit-transition: bottom .3s;
    -moz-transition: bottom .3s;
    -o-transition: bottom .3s;
    transition: bottom .3s;
}
.portfolio:hover .portfolio-external-link li:nth-child(2) {
    -webkit-transition: bottom .5s;
    -moz-transition: bottom .5s;
    -o-transition: bottom .5s;
    transition: bottom .5s;
}
/*#work-grid&gt;h2 {
	color:#1f364c;
	font-size:40px;
	margin:0 0 10px;
	font-weight:700;
	text-align:center
}
#work-grid&gt;.works-filter {
	width:100%;
	max-width:100%;
	margin:0 auto;
	position:relative;
	height:66px
}
#work-grid&gt;.works-filter&gt;div {
	border-top:1px solid #1a354d;
	position:relative;
	top:35px
}
#work-grid&gt;.works-filter&gt;div&gt;div {
	margin:0 auto;
	width:160px;
	background:url(../images/blueNoise.png);
	position:relative;
	top:-17px;
	text-align:center
}
#work-grid&gt;.works-filter&gt;div a {
	padding:8px 20px
}
#work-grid&gt;.works-filter&gt;section {
	padding:19px 0 10px;
	display:block;
	border-top:1px solid #1a354d
}
#work-grid&gt;.works-filter&gt;section div {
	text-align:center;
	min-width:280px
}
#work-grid&gt;.works-filter&gt;section div label {
	text-transform:uppercase;
	font-size:13px;
	margin:0 10px 0 0
}
#work-grid&gt;.works-filter&gt;section div a.selectBox {
	display:inline-block;
	text-align:left;
	width:inherit;
	min-width:280px;
	padding-right:40px
}
#work-grid&gt;.works-filter&gt;section div a.selectBox span {
	text-transform:uppercase;
	font-size:13px
}
#work-grid&gt;.works-filter&gt;section div.filters-sortBy a.selectBox {
	width:110px
}
#work-grid&gt;.works-filter&gt;section div.filters-sortBy a.selectBox .selectBox-arrow {
	background:url(../images/icoSprite.png) 19px -394px no-repeat
}
#work-grid&gt;.works-filter&gt;section div.filters-keyword {
	float:right;
	width:312px
}
#work-grid&gt;.works-filter&gt;section div.filters-keyword input {
	width:150px;
	padding-right:30px;
	text-transform:uppercase;
	font-size:13px;
	background:url(../images/icoSprite.png) 125px -457px no-repeat
}
#work-grid&gt;.works-filter&gt;section&gt;a {
	position:absolute;
	top:-11px;
	right:0;
	background:url(../images/blueNoise.png);
	text-transform:uppercase;
	font-size:13px;
	color:#fff;
	padding:0 0 0 15px
}*/

/*#work-grid&gt;ul li.separator {
	position:relative;
	background:#c24d52;
	min-height:291px
}
#work-grid&gt;ul li.separator p {
	position:absolute;
	bottom:20px;
	right:20px;
	font-size:14px;
	line-height:17px;
	color:#fff;
	text-transform:uppercase;
	margin:0;
	text-align:right;
	font-weight:700
}
#work-grid&gt;ul li.cta {
	position:relative;
	min-height:291px;
	background:url(../images/placeholder.jpg) no-repeat #006985
}
#work-grid&gt;ul li.cta a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	-webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out
}
#work-grid&gt;ul li.cta a h3 {
	font-weight:700;
	font-size:30px;
	width:100px;
	position:absolute;
	top:30px;
	left:30px;
	color:#fff
}
#work-grid&gt;ul li.cta a h4 {
	position:absolute;
	bottom:30px;
	left:30px;
	font-size:14px;
	line-height:17px;
	color:#c24d52;
	margin:0;
	width:140px;
	text-transform:none
}
#work-grid&gt;ul li.cta a h4 span {
	color:#fff;
	text-transform:uppercase
}
#work-grid&gt;ul li.cta a:hover {
	-moz-opacity:.5;
	-khtml-opacity:.5;
	-webkit-opacity:.5;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	opacity:.5;
	filter:alpha(opacity=50)
}
#work-grid&gt;ul li.project a {
	display:block;
	width:100%;
	height:100%
}
#work-grid&gt;ul li.project a figure {
	height:auto;
	padding-bottom:63px;
	text-align:center
	
}
#work-grid&gt;ul li.project a figure img {
	width:100%;
	max-width:100%;
	height:auto
}
#work-grid&gt;ul li.project a div.info {
	position:absolute;
	bottom:0;
	z-index:1;
	width:100%;
	height:100px;
}
#work-grid&gt;ul li.project a div.info .text {
	-webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
	-webkit-transform:translate(0,63px);
	-moz-transform:translate(0,63px);

	-ms-transform:translate(0,63px);
	-o-transform:translate(0,63px);
	transform:translate(0,63px);
	height:auto;
	padding:12px 15px 12px;
	background:url(../images/blueNoise.png)
}
#work-grid&gt;ul li.project a div.info .text h3 {
	font-size:14px;
	line-height:11px;
	font-weight:normal;
	color:#fff;
	margin:0;
	font-size:14px !important;
	
}
#work-grid&gt;ul li.project a div.info .text p {
	font-size:13px;
	margin:0;
	color:#a4aeb5
}
#work-grid&gt;ul li.project a div.info .more {
	display:block;
	height:63px;
	font-size:13px;
	line-height:63px;
	color:#fff;
	text-transform:uppercase;
	padding-left:30px;
	background:url(../images/icoSprite.png) 15px -272px no-repeat #a4aeb5;
	-webkit-transition:all 300ms ease-out;
	-moz-transition:all 300ms ease-out;
	-o-transition:all 300ms ease-out;
	transition:all 300ms ease-out;
	-webkit-transform:translate(0,126px);
	-moz-transform:translate(0,126px);
	-ms-transform:translate(0,126px);
	-o-transform:translate(0,126px);
	transform:translate(0,126px)
}
#work-grid&gt;ul li.project a div.info .more:hover {
	background-color:#ef9b2b
}
#work-grid&gt;ul li.project:hover a .info .more,#work-grid&gt;ul li.project:hover a .info .text {
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0)
}
#work-details {
	padding:0 0 100px;
	background:url(../images/whiteNoise.png)
}
#work-details&gt;figure {
	width:100%;
	background-color:#002a44;
	background-position:50% 50%;
	background-size:cover;
	text-align:center
}
#work-details&gt;figure&gt;section {
	text-align:center;
	height:545px;
	padding:210px 0 0
}
#work-details&gt;figure&gt;section h1 {
	font-size:50px;
	font-weight:700
}
#work-details&gt;figure&gt;section p {
	margin:5px 0 20px;
	color:#c8ced3;
	font-size:14px;
	text-transform:uppercase
}
#work-details&gt;figure&gt;section .addthis_toolbox {
	margin:30px 0 0;
	text-align:center
}
#work-details&gt;figure&gt;section .addthis_toolbox a {
	height:26px;
	float:none
}
#work-details&gt;figure&gt;section .addthis_toolbox a.addthis_button_facebook_like {
	padding-top:6px
}
#work-details&gt;figure&gt;section .addthis_toolbox a#addthis_pinterest iframe {
	position:relative;
	bottom:-6px
}
#work-details&gt;section h3 {
	margin:0;
	padding:60px 0 30px;
	font-size:40px;
	color:#c24d52;
	font-weight:400;
	text-transform:uppercase;
	display:block
}
#work-details&gt;section #work-sq {
	position:relative;
	max-width:980px;
	width:100%;
	height:500px;
	margin:0 auto;
	top:-60px;
	padding-top:32px;
	background:url(../images/fakeBrowser.png) no-repeat #e7e7e7;
	box-shadow:0 0 20px rgba(0,0,0,.5);
	border-radius:5px;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out
}
#work-details&gt;section #work-sq .sequence-canvas {
	height:100%;
	width:100%;
	overflow:hidden;
	background:#fff;
	margin:0;
	padding:0;
	list-style:none
}
#work-details&gt;section #work-sq .sequence-canvas li {
	position:absolute;
	width:100%;
	height:100%;
	z-index:1;
	overflow:hidden
}
#work-details&gt;section #work-sq .sequence-canvas li .item-content {
	width:100%;
	height:100%;
	position:relative;
	display:block;
	-moz-opacity:0;
	-khtml-opacity:0;
	-webkit-opacity:0;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-o-transition:all .2s ease-out;
	transition:all .2s ease-out;
	-webkit-transform:translate(100%,0);
	-moz-transform:translate(100%,0);
	-ms-transform:translate(100%,0);
	-o-transform:translate(100%,0);
	transform:translate(100%,0)
}
#work-details&gt;section #work-sq .sequence-canvas li .item-content img {
	width:100%;
	height:auto
}
#work-details&gt;section #work-sq .sequence-canvas li.animate-in .item-content {
	-moz-opacity:1;
	-khtml-opacity:1;
	-webkit-opacity:1;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	-ms-transform:translate(0,0);
	-o-transform:translate(0,0);
	transform:translate(0,0)
}
#work-details&gt;section #work-sq .sequence-canvas li.animate-out .item-content {
	-moz-opacity:0;
	-khtml-opacity:0;
	-webkit-opacity:0;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transform:translate(-100%,0);
	-moz-transform:translate(-100%,0);
	-ms-transform:translate(-100%,0);
	-o-transform:translate(-100%,0);
	transform:translate(-100%,0)
}
#work-details&gt;section #work-sq .sequence-pagination {
	position:absolute;
	margin:0;
	list-style:none;
	bottom:-50px;
	z-index:2;
	width:100%;
	cursor:pointer;
	text-align:center
}
#work-details&gt;section #work-sq .sequence-pagination li {
	display:inline-block;
	margin:0 3px;
	width:13px;
	height:13px;
	background:url(../images/sprite.png) -155px -129px no-repeat
}
#work-details&gt;section #work-sq .sequence-pagination li.current,#work-details&gt;section #work-sq .sequence-pagination li:hover {
	background-position:-142px -129px
}
#work-details&gt;section #work-sq .sq-nav {
	position:absolute;
	top:0;
	height:100%;
	width:50%;
	display:block;
	cursor:pointer;
	z-index:60;
	-moz-opacity:0;
	-khtml-opacity:0;
	-webkit-opacity:0;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out
}
#work-details&gt;section #work-sq .sq-nav.sequence-next {
	right:0;
	background:url(../images/icon-next-grey.png) 95% center no-repeat
}
#work-details&gt;section #work-sq .sq-nav.sequence-prev {
	left:0;
	background:url(../images/icon-prev-grey.png) 5% center no-repeat
}
#work-details&gt;section #work-sq .sq-nav:hover {
	-moz-opacity:.5;
	-khtml-opacity:.5;
	-webkit-opacity:.5;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	opacity:.5;
	filter:alpha(opacity=50)
}
#work-details&gt;section&gt;.screen-slider {
	max-width:980px;
	width:90%;
	margin:0 auto;
	padding:32px 0 0;
	background:url(../images/fakeBrowser.png) no-repeat #e7e7e7;
	border-radius:5px;
	box-shadow:0 0 20px rgba(0,0,0,.7);
	position:relative;
	top:-60px
}
#work-details&gt;section&gt;.screen-slider ul {
	margin:0;
	padding:0;
	list-style:none
}
#work-details&gt;section&gt;.screen-slider img {
	display:block;
	max-width:981px;
	width:100%;
	border-radius:0 0 5px 5px
}
#work-details&gt;section&gt;.screen-slider .bx-pager {
	position:absolute;
	bottom:-40px;
	text-align:center;
	width:100%;
	left:0
}
#work-details&gt;section&gt;.screen-slider .bx-pager .bx-pager-item {
	display:inline-block
}
#work-details&gt;section&gt;.screen-slider .bx-pager .bx-pager-item a {
	background:url(../images/sprite.png) -99px -20px no-repeat;
	display:block;
	width:9px;
	margin:0 5px;
	height:9px;
	text-indent:-9999px
}
#work-details&gt;section&gt;.screen-slider .bx-pager .bx-pager-item a.active,#work-details&gt;section&gt;.screen-slider .bx-pager .bx-pager-item a:hover {
	background:url(../images/sprite.png) -108px -11px no-repeat
}
#work-details&gt;section .work-description {
	width:40%;
	text-align:center;
	margin:0 auto;
	padding:50px 0;
	color:#002a44
}
#work-details&gt;section .work-description a {
	-webkit-transition:all 200ms ease-out;
	-moz-transition:all 200ms ease-out;
	-o-transition:all 200ms ease-out;
	transition:all 200ms ease-out;
	color:#c24d52;
	text-decoration:underline
}
#work-details&gt;section .work-description a:hover {
	color:#a4aeb5
}
#work-details&gt;section .testimonial {
	margin:50px auto;
	max-width:980px;
	border-bottom:2px solid #d6d6d6;
	background:url(../images/quote-red.png) center 40px no-repeat #fff;
	padding:75px 5% 25px;
	text-align:center
}
#work-details&gt;section .testimonial .quote {
	margin:0;
	padding:20px 0;
	font-family:Clarendon;
	font-size:25px;
	line-height:1;
	color:#002a44
}
#work-details&gt;section .testimonial .client {
	position:relative
}
#work-details&gt;section .testimonial .client .text {
	display:inline-block;
	position:relative;
	z-index:1;
	font-size:12px;
	line-height:1.2;
	color:#a4aeb5;
	padding:0 20px;
	background:#fff
}
#work-details&gt;section .testimonial .client .text strong {
	font-weight:400;
	color:#002a44;
	text-transform:uppercase
}
#work-details&gt;section .testimonial .client .line {
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	z-index:0;
	background:url(../images/grey-border.png) left center repeat-x
}
#work-details&gt;section .scope-of-work {
	position:relative;
	padding:100px 0;
	text-align:center
}
#work-details&gt;section .scope-of-work h3 {
	padding:0 0 75px
}
#work-details&gt;section .scope-of-work ul {
	padding:0;
	margin:0 auto;
	list-style:none;
	position:relative;
	z-index:1;
	width:auto
}
#work-details&gt;section .scope-of-work ul li {
	display:inline-block;
	text-align:center;
	width:100px;
	padding:5px;
	vertical-align:top;
	background:url(../images/whiteNoise.png)
}
#work-details&gt;section .scope-of-work ul li a {
	display:block;
	font-size:11px;
	line-height:15px;
	color:#002a44;
	text-decoration:none!important;
	text-transform:uppercase
}
#work-details&gt;section .scope-of-work ul li a span {
	display:block
}
#work-details&gt;section .scope-of-work ul li a img {
	margin:0 0 10px;
	-webkit-transition:all 150ms ease-in-out;
	-moz-transition:all 150ms ease-in-out;
	-o-transition:all 150ms ease-in-out;
	transition:all 150ms ease-in-out
}
#work-details&gt;section .scope-of-work ul li a:hover img {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1)
}
#work-details&gt;section .scope-of-work .line {
	display:block;
	position:absolute;
	left:0;
	top:217px;
	height:84px;
	width:100%;
	z-index:0;
	background:url(../images/pixel-blue.gif) left center repeat-x
}
#work-nav {
	position:fixed;
	bottom:0;
	left:0;
	z-index:89;
	width:100%;
	height:60px;
	box-shadow:0 0 25px rgba(0,0,0,.1)
}
#work-nav ul {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	background-color:#fafafa
}
#work-nav ul li {
	float:left;
	width:33%;
	height:60px
}
#work-nav ul li a {
	height:100%;
	line-height:64px;
	display:block;
	background-color:#fafafa;
	text-align:center;
	border-right:1px solid #d8dde0;
	border-left:1px solid #fff;
	font-size:17px;
	color:#a4aeb5;
	text-shadow:0 1px 1px #fff;
	text-transform:uppercase;
	text-decoration:none!important;
	-moz-transition:all .3s linear;
	-webkit-transition:all .3s linear;
	transition:all .3s linear
}
#work-nav ul li a:hover {
	background-color:#edeff0;
	color:#33556a
}
#work-nav ul li.grid {
	width:34%
}
#work-nav ul li.grid a {
	text-indent:-9999px;
	background-image:url(gridIco.png);
	background-repeat:no-repeat;
	background-position:50% 50%
}
#work-nav ul li.prev span {
	display:inline-block;
	background:url(../images/icon-prev-grey.png) 0 50% no-repeat;
	padding-left:35px
}
#work-nav ul li.next span {
	display:inline-block;
	background:url(../images/icon-next-grey.png) 100% 50% no-repeat;
	padding-right:35px
}*/

/* PORTFOLIO ENDS */
@media(max-width:768px) {

	.element-item.gallery-item {
		max-width: 50%;
	}
	.indexselect { width:100% !important; padding:0px !important; margin-bottom:10px !important }
	.sidebar { display:none; margin-left:10px }
	#work-grid &gt; ul li { width:46.5% } 
}
@media(max-width:500px) {
	.element-item.gallery-item {
		max-width: 100%;
	}
	.indexselect { width:100% !important; padding:0px !important; margin-bottom:10px !important }
	.sidebar { display:none;margin-left:10px }
	#work-grid &gt; ul li { width:48.5% }
}
@media(min-width:767px) {
    #gallery .gallery-item {
        margin: 0 0 0px;
    }
	.indexselect { width:100% !important; padding:0px !important; margin-bottom:10px !important }
	
}
@media screen and (max-width: 1024px){
	#work-grid &gt; ul li { width:31.5% }
}
@media screen and (max-width: 1280px){

}
@media (max-width: 1024px) {
.whatwedoitem { width:47.3%; }	
	#work-grid&gt;ul li {
		width:33.8%	
	}

}
@media (min-width: 800px) { .indexselect { width:13% !important; padding:5px !important; border-radius:4px !important; margin-bottom:5px !important; margin-top:-2px; } 

}
@media (max-width: 800px) {
	.modal.custompoplogin .modal-dialog {
		width:95.5%;
	}
	.modal.custom .modal-dialog {
		width:95.5%;
	}	
	.whatwedoitem { width:47.3%; }	
	#work-grid&gt;ul li {
		width:47.8%	
	}
	.indexselect { width:14% !important; padding:5px !important; border-radius:4px !important; margin-bottom:5px !important; margin-top:-2px; }
	.headerTop { /*height:115px*/ }
	.navbar { /*height:120px; background:#fff;*/ }
	.hidenow { visibility: visible;
  opacity: 1;
  height:10 }
  .sidebar { display:none;margin-left:10px }
  .ionTabs__tab { width:49%}
 #work-grid &gt; ul li { width:46.5% } 
  
}
@media (max-width: 900px) {
	#work-grid &gt; ul li { width:47.5% }
}
@media (max-width: 660px) {
 #work-grid &gt; ul li { width:46.5% }
}
@media (max-width: 600px) {
 #work-grid &gt; ul li { width:46.5% }
}
@media (max-width: 768px) {
 #work-grid &gt; ul li { width:46.5% }
}
@media (max-width: 500px) {
 #work-grid &gt; ul li { width:98.5% }
}
@media screen and (max-width: 768px) {
	.smallcenter { text-align:center !important; }	
	.textsmallrightcenter { text-align:center !important; }
	.footerrightborder { border:none; min-height:100px; }
	.modal.custompoplogin .modal-dialog {
		width:95.5%;
	}	
	.modal.custom .modal-dialog {
		width:95.5%;
	}
	.hostingpackage { width:100% }		
	.tab-strip { display:inline-block; background:none;  }		
	.img-responsive {
	  max-width: 100% !important;
	}
	.whatwedoitem { width:46.0%; margin-left:15px; }
		.reviewsitem { width:100%; max-width:99% !important }	
		.percent90 { width:100% }
		.tab-bg img { height:100% }
		.sidebar { display:none;margin-left:10px }
		.ionTabs { padding-left:15px; padding-right:15px; }	
		  .ionTabs__tab { width:49%}
		
}
@media screen and (max-width: 660px) {
	.whatwedoitem { width:95.0%; margin-left:15px; }
	.reviewsitem { width:100%; }	
	.tabminheight { min-height:100% !important; }
	.minheight { min-height:100% !important; }
	.tab-bg img { height:100% }
	.indexselect { width:100% !important; padding:0px !important; margin-bottom:10px !important }
	.sidebar { display:none;margin-left:10px }
	.navbar-nav &gt; .messages-menu &gt; .dropdown-menu { right:0px !important; }
	.ionTabs { padding-left:15px; padding-right:15px; }	
	  .ionTabs__tab { width:49%}
	 
}
@media screen and (max-width: 600px) {
	body {
		background:none;
	}
	.indexselect { width:100% !important; padding:0px !important; margin-bottom:10px !important }
	.percent5 { width:100%; display:inline-block }
	.percent10 { width:100%; display:inline-block }
	.percent15 { width:100%; display:inline-block }
	.percent20 { width:100%; display:inline-block }
	.percent25 { width:100%; display:inline-block }
	.percent30 { width:100%; display:inline-block }
	.percent35 { width:100%; display:inline-block }
	.percent40 { width:100%; display:inline-block }
	.percent45 { width:100%; display:inline-block }
	.percent50 { width:100%; display:inline-block }
	.percent55 { width:100%; display:inline-block }
	.percent60 { width:100%; display:inline-block }
	.percent65 { width:100%; display:inline-block }
	.percent70 { width:100%; display:inline-block }
	.percent75 { width:100%; display:inline-block }
	.percent80 { width:100%; display:inline-block }
	.percent85 { width:100%; display:inline-block }
	.percent90 { width:100%; display:inline-block }
	.percent95 { width:100%; display:inline-block }
	.percent100 { width:100% !important; display:inline-block }
	.perauto80 { width:100%; margin:auto}
	.perauto70 { width:100%; margin:auto; }
	.perauto60 { width:100%; margin:auto; }
	.perauto55 { width:100%; margin:auto; }
	.perauto50 { width:100%; margin:auto; }
	.perauto90 { width:100%; margin:auto}		
	/*.pull-left { width:100%; }
	.pull-right { width:100%; }*/
	
	
	.whatwedoitem { width:95%; }
	.bigscreen { display:none; }
	.smallscreen { display:block; }
	ul#nas_tab { margin-left:-25px; }
	ul#nas_tab  li  { float:left; padding:5px; margin-right:0px; font-size:12px; padding-left:10px; padding-right:10px;}	
	.reviewsitem { max-width:100% !important; }
	.smallcenter { text-align:center !important; }	
	.textsmallrightcenter { text-align:center !important; }
	.footerrightborder { border:none; min-height:100px; }	
	.modal.custompoplogin .modal-dialog {
		width:95.5%;
	}	
	.modal.custom .modal-dialog {
		width:95.5%;
	}
	.hostingpackage { width:100% }		
	.carousel-caption h1 { font-size:16px; }	
	.bigfont { font-size:14px;}
	.bigbtnfixwidth { width:auto !important; }
	.tab-strip { display:inline-block; background:none;  }	
	 .marginleftno10px { margin-left:0px !important }
	.bot-arrow { display:none; } 	
	.img-responsive {
	  max-width: 100% !important;
	}
	.ecommercebg { padding-top:21%; }
	.searchengine { padding-top:10%; }
	.portfoliobg { padding-top:13% }
	.webhostingbgoption { padding-top:15%; }
	.aboutbg  { padding-top:15%; min-height:280px}
	
	h1, .h1 { font-size:24px !important }
	h2, .h2 { font-size:20px !important; }
	h3, .h3 { font-size:18px !important; }
	h4, .h4 { font-size:16px !important; }
	h5, .h5 { font-size:14px !important; }
	h6, .h6 { font-size:12px !important; }
	.carousel-caption { top:3% !important }
		.hostingpackage h4,.h4 { font-size:14px !important; }
		.samestepwidth {
			text-align: left !important;
			width: 100%;
			margin-bottom:5px;
		}
		.bigbtnpadding { padding-left:10px; padding-right:10px; width:100% !important; }
			.reviewsitem { width:100%; }	
			.tabminheight { min-height:100% !important; }
			.tab-bg img { height:100% }
			.minheight { min-height:100% !important; }
			.sidebar { display:none;margin-left:10px }
			.navbar-nav &gt; .messages-menu &gt; .dropdown-menu { right:0px !important; }
			.ionTabs { padding-left:15px; padding-right:15px; }	
			  .ionTabs__tab { width:49%}
			  
}

@media screen and (max-width: 400px) {
	body {
		background:none;
	}
	.indexselect { width:100% !important; padding:0px !important; margin-bottom:10px !important }
	.percent5 { width:100%; display:inline-block }

	.percent10 { width:100%; display:inline-block }
	.percent15 { width:100%; display:inline-block }
	.percent20 { width:100%; display:inline-block }
	.percent25 { width:100%; display:inline-block }
	.percent30 { width:100%; display:inline-block }
	.percent35 { width:100%; display:inline-block }
	.percent40 { width:100%; display:inline-block }
	.percent45 { width:100%; display:inline-block }
	.percent50 { width:100%; display:inline-block }
	.percent55 { width:100%; display:inline-block }
	.percent60 { width:100%; display:inline-block }
	.percent65 { width:100%; display:inline-block }
	.percent70 { width:100%; display:inline-block }
	.percent75 { width:100%; display:inline-block }
	.percent80 { width:100%; display:inline-block }
	.percent85 { width:100%; display:inline-block }
	.percent90 { width:100%; display:inline-block }
	.percent95 { width:100%; display:inline-block }
	.percent100 { width:100% !important; display:inline-block }
	.perauto80 { width:100%; margin:auto}
	.perauto70 { width:100%; margin:auto; }
	.perauto60 { width:100%; margin:auto; }
	.perauto55 { width:100%; margin:auto; }
	.perauto50 { width:100%; margin:auto; }
	.perauto90 { width:100%; margin:auto}	
	/*.pull-left { width:100%; }
	.pull-right { width:100%; }*/
	
	.whatwedoitem { width:92%; }	
	.bigscreen { display:none; }
	.smallscreen { display:block; }
	ul#nas_tab { margin-left:-25px; }
	ul#nas_tab  li  { float:left; padding:5px; margin-right:0px; font-size:12px; padding-left:5px; padding-right:5px;}	
	.reviewsitem { max-width:100% !important; }
	.smallcenter { text-align:center !important; }	
	.textsmallrightcenter { text-align:center !important; }
	.footerrightborder { border:none; min-height:100px; }	
	.modal.custompoplogin .modal-dialog {
		width:95.5%;
	}	
	.modal.custom .modal-dialog {
		width:95.5%;
	}
	.hostingpackage { width:100% }	
	.carousel-caption { top:2% !important }
	.ecommercebg { min-height:260px; }
	.aboutbg { min-height:260px; padding-top:15% }
	.portfoliobg { padding-top:10% }
	.carousel-caption, .h1 { font-size:27px !important; line-height:24px !important; }
	.carousel-caption, .h5 { line-height:16px !important; }	
	.homeprice { font-size:18px !important }	
	.bigfont { font-size:14px;}
	.bigbtnfixwidth { width:auto !important; }	
	h1, .h1 { font-size:26px !important }
	h2, .h2 { font-size:22px !important; }
	h3, .h3 { font-size:20px !important; }
	h4, .h4 { font-size:18px !important; }
	h5, .h5 { font-size:14px !important; }
	h6, .h6 { font-size:12px !important; }
	.hostingpackage h4,.h4 { font-size:14px !important; }
	 .defaultbg { padding-top:3%; min-height:120px; }	
	 .homehead{font-size:14px !important; }
	 .servicelist li a { font-size:13px !important }
	  .webhostingbgoption { padding-top:14% !important; min-height:145px !important } 	 
	.tab-strip { display:inline-block; background:none;  }	  
	 .tabminheight{ min-height:inherit !important; } 
	 .marginleftno10px { margin-left:0px !important }
	.bot-arrow { display:none; } 
	.filter-option { font-size:13px !important; }
	.samestepwidth { text-align:left !important }	
	.samestepwidth { text-align:left !important; width:100%; }	
	.dropdown-menu li a { font-size:13px !important;  }	
	.img-responsive {
	  max-width: 100% !important;
	}
	.ecommercebg { padding-top:10%; }
	.searchengine { padding-top:10%; }
	.webhostingbgoption { padding-top:10%; }
		.aboutbg  { padding-top:10%; min-height:280px}
		.bigbtnpadding { padding-left:10px; padding-right:10px; width:100% !important; }
		.tabminheight { min-height:100% !important; }
		.tab-bg img { height:100% }
		.minheight { min-height:100% !important; }
		#work-grid&gt;ul li {
			width:98.8%	
		}
		.sidebar { display:none;margin-left:10px }
		.navbar-nav &gt; .messages-menu &gt; .dropdown-menu { right:0px !important; }
			.ionTabs { padding-left:15px; padding-right:15px; }
			  .ionTabs__tab { width:49%}
			   #work-grid &gt; ul li { width:98.5% }
}
@media screen and (max-width: 900px) {
	.sidebar { display:none;margin-left:15px }
	  .ionTabs__tab { width:49%}
	 
}
.samewidthtopmenu { width:90px;}
.samewidthtopmenushop { width:222px;}
@media screen and (max-width: 320px) {
	body {
		background:none;
	}
	.percent5 { width:100%; display:inline-block }
	.percent10 { width:100%; display:inline-block }
	.percent15 { width:100%; display:inline-block }
	.percent20 { width:100%; display:inline-block }
	.percent25 { width:100%; display:inline-block }
	.percent30 { width:100%; display:inline-block }
	.percent35 { width:100%; display:inline-block }
	.percent40 { width:100%; display:inline-block }
	.percent45 { width:100%; display:inline-block }
	.percent50 { width:100%; display:inline-block }
	.percent55 { width:100%; display:inline-block }
	.percent60 { width:100%; display:inline-block }
	.percent65 { width:100%; display:inline-block }
	.percent70 { width:100%; display:inline-block }
	.percent75 { width:100%; display:inline-block }
	.percent80 { width:100%; display:inline-block }
	.percent85 { width:100%; display:inline-block }
	.percent90 { width:100%; display:inline-block }
	.percent95 { width:100%; display:inline-block }
	.percent100 { width:100% !important; display:inline-block }
	.perauto80 { width:100%; margin:auto}
	.perauto70 { width:100%; margin:auto; }
	.perauto60 { width:100%; margin:auto; }
	.perauto55 { width:100%; margin:auto; }
	.perauto50 { width:100%; margin:auto; }
	.perauto90 { width:100%; margin:auto}	
	/*.pull-left { width:100%; }
	.pull-right { width:100%; }*/
	
	.whatwedoitem { width:95%; }	
	.bigscreen { display:none; }
	.smallscreen { display:block; }
	ul#nas_tab { margin-left:-25px; }
	ul#nas_tab  li  { float:left; padding:5px; margin-right:0px; font-size:12px; padding-left:5px; padding-right:5px;}	
	.reviewsitem { max-width:100% !important; }
	.smallcenter { text-align:center !important; }	
	.textsmallrightcenter { text-align:center !important; }
	.footerrightborder { border:none; min-height:100px; }	
	
	.modal.custompoplogin .modal-dialog {
		width:100%;
	}	
	.modal.custom .modal-dialog {
		width:100%;
	}
	.hostingpackage { width:100% }		
	.carousel-caption { top:2% !important }
	.ecommercebg { min-height:220px; }
	.portfoliobg { padding-top:10% }
	.aboutbg { min-height:260px; padding-top:10% }
	.carousel-caption, .h1 { font-size:27px !important; line-height:24px !important;  }
	.carousel-caption, .h5 { line-height:16px !important; }
	.homeprice { font-size:18px !important }
	.bigfont { font-size:14px;}
	.bigbtnfixwidth { width:auto !important; }
	 h1, .h1 { font-size:26px !important }
	 h2, .h2 { font-size:24px !important; }
	 .defaultbg { padding-top:3%; min-height:120px; }
	 .homehead{font-size:14px !important; }
	 .servicelist li a { font-size:13px !important }	
	 .webhostingbgoption { padding-top:14% !important; min-height:145px !important  } 
	 .tab-strip { display:inline-block; background:none;  }
	 .tabminheight{ min-height:inherit !important; } 
	 .marginleftno10px { margin-left:0px !important }
	.bot-arrow { display:none; } 
	.filter-option { font-size:13px !important; }
	.samestepwidth { text-align:left !important; width:100%; }
	.dropdown-menu li a { font-size:13px !important;  }
	.img-responsive {
	  max-width: 100% !important;
	}
	.tabminheight { min-height:100% !important; }
	.tab-bg img { height:100% }
	.minheight { min-height:100% !important; }
	.indexselect { width:100% !important; padding:0px !important; margin-bottom:10px !important }
	.sidebar { display:none;margin-left:10px }
	.navbar-nav &gt; .messages-menu &gt; .dropdown-menu { right:0px !important; }
	.ionTabs { padding-left:15px; padding-right:15px; }	
	  .ionTabs__tab { width:49%}
	   #work-grid &gt; ul li { width:98.5% }
}
.bp-navigational-header h3 { font-size:22px !important }
.bp-navigational-header ol li { font-size:14px !important }
.vertically-centered{
  display: flex;
  align-items: center;
}
li.myloginbtn {
    padding-left: 5px!important;
}
.orange-blk {
    display: inline-block;
    padding: 9px 10px;
    border-radius: 4px;
    /*background: #fff1e1;
    color: #f66c09;*/
    background: #f66c09;
    color: #fff;
    transition: all 0.3s ease-in-out;
    overflow:hidden;
    text-align: center;
}
.orange-blk count{
    float: left;
    font-size: 14px;
    margin-right: 5px;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translate(-25px, 1px);
    -ms-transform: translate(-25px, 1px);
    -o-transform: translate(-25px, 1px);
    transform: translate(-25px, 1px);
}
.orange-blk count.transform{
    transition: all 0.3s ease-in-out;
    -webkit-transform: translate(0px, 1px);
    -ms-transform: translate(0px, 1px);
    -o-transform: translate(0px, 1px);
    transform: translate(0px, 1px);
}
.orange-blk:hover, .orange-blk:focus{
  background: #f66c09;
  color: #fff;
}
.relative {
    position: relative;
}
span.count {
    position: absolute;
    z-index: 99;
    top: -11px;
    left: 12px;
    color: #fff;
    font-size: 10px;
}
count {
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.nasMenuitem:after {
    position: absolute;
    top: -12px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #eee;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    opacity: 1;
    -webkit-transform: translateX(-253%);
    transform: translateX(-253%);
    transition: opacity .2s ease-out;
}

#nasmenudiv_1:after{
  left: 37.3%;
}

#nasmenudiv_2:after{
  left: 43.3%;
}
#navmenu &gt; img {
    /*margin-top: 7px!important;*/
}
.topBanner{
  height: 48rem;
  top: 0;
  background-image: url('../images/home-banner.jpg');
  background-size:cover !important;    
  width:100% !important;
  position: relative;
  background-color: #fff;
  background-position: 50%;
  display: flex;
  align-items: center;
}
#domain-search-page .topBanner{
  top: 0;
  /*height: 125px;
  background-image: none!important;*/
  height: 300px;
}
#domain-search-page.transfer-domain-page .topBanner{
  top: 0;
  height: 125px;
  background-image: none!important;
}
#domain-search-page .topBanner .domainsearch div {
    display: none;
}
.domainsearch {
    max-width: 735px;
    margin: auto;
}
.domainsearch form{
  position: relative;
}
.domainsearch #domainnameval {
    border: 1px solid #fff;
    margin: 0;
    padding: 5px 14px;
    width: 100%;
    line-height: unset;
    font-size: 15px;
    background: rgba(255,255,255,0.7);
    box-shadow: 0px 0px 4px #797979!important;
    height: 49px;
    transition: all 0.5s ease-in-out 0s;
}

.domainsearch #txtquery {
    border: 1px solid #fff;
    margin: 0;
    padding: 5px 14px;
    width: 100%;
    line-height: unset;
    font-size: 15px;
    background: #fff;
    box-shadow: 0px 0px 4px #797979!important;
    height: 49px;
    transition: all 0.5s ease-in-out 0s;
}

.domainsearch #domainnameval:focus, .domainsearch #domainnameval:active{
    background: rgba(255,255,255, 1)!important;
} 
.domainsearch .btn-group.bootstrap-select.percent30.indexselect {
    padding: 0!important;
    max-width: 81px;
    max-height: 32px!important;
    position: absolute;
    right: 80px;
    top: 0;
    bottom: 0;
    margin: auto!important;
}
.domainsearch .btn-group.bootstrap-select.percent30.indexselect button.btn {
    background: #17416e;
    color: #fff!important;
    width: 100%;
    height: 100%;
    padding: 3px!important;
    outline: none!important;
}
.domainsearch #submit {
    position: absolute;
    right: 14px;
    max-width: 60px;
    max-height: 32px;
    padding: 0!important;
    top: 0;
    bottom: 0;
    margin: auto!important;
    color: #fff!important;
    border-radius: 4px;
    border: 1px solid #f66c09;
    background: #f66c09 url(../images/icon-search.png) no-repeat center center;
    background-size: 18px;
    text-indent: -9999px;
    overflow: hidden;
    outline: none!important;

}
button:active, button:hover, button:focus, input:active, input:hover, input:focus, a:hover, a:focus, a:active{
  outline: none!important;
}
/*removing animation from selectpicker*/
.bootstrap-select.btn-group .dropdown-menu{
      -webkit-animation-name: none!important;
}
.dropdown-menu &gt; li &gt; a:hover{
  background-color: #17416e;
}
.banner_header h1 {
    margin: 0!important;
    padding: 0;
    font-size: 34px!important;
    color: #000;
    display: inline;
    font-weight: bold;
}
.banner_header .sep{
  color:#f66c09;
  display: inline;
  font-size: 34px!important;
  margin:0 5px;
}
h1.page-title {
    margin: 0;
    font-size: 27px!important;
    color: #000;
    font-weight: bold;
}
.orange{
  color: #F56C09!important;
}
#requestquote label{
  display: block;
}
@media screen and (max-width: 480px){
  .banner_header h1, .banner_header .sep {
      font-size: 19px!important;
  }
  .domainsearch .btn-group.bootstrap-select.percent30.indexselect{
    max-width: 50px!important;
    right: 60px!important;  
  }
  .domainsearch .bootstrap-select.btn-group .btn .filter-option{
    left: 5px!important;
  }
  .domainsearch .bootstrap-select.btn-group .btn .caret{
    display: none!important;
  }
  .domainsearch #submit{
    max-width: 40px!important;
  }

}
.offwhitebg{
  background: #f6f6f6!important;
}
.whitebg{
  border: 1px solid #fff;
  background: #fff!important;
}
ul#clients-logo li {
    list-style: none;
}
ul.social_icons {
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 60%;
    margin: 0 auto;
}
ul.social_icons li {
    display: inline-block;
}
ul.social_icons li a {
    font-size: 22px;
}
.footer-bottom-area{
  background: #1b3870;
  border:1px solid #1b3870;
  /*background: transparent;*/
  padding: 10px 0;
  /*border-top: 2px solid #F56C09;*/
}
.btn-full {
    width: 100%;
}
.btn-white {
    border: 1px solid #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: transparent;
    transition: all 0.3s ease-in-out;
    padding: 5px!important;
    font-size: 16px;
}
.btn-white:hover, .btn-white:focus, .btn-white:active{
  background: #F66C09!important;
  border: 1px solid #F66C09!important;
}
#newsletterForm #txtEmail{
  height: 43px;
}
.btn-theme {
    background: #17426F;
    border: 1px solid #17426F!important;
    color: #fff;
    transition: all 0.3s ease-in-out;
    border-radius: 4px;
    padding: 6px 12px;
}
.btn-theme-orange {
    background: #F56C09;
    border: 1px solid #F56C09!important;
    color: #fff;
    transition: all 0.3s ease-in-out;
    border-radius: 4px;
}
.btn-theme-outline {
    background: transparent;
    border: 1px solid #17426F!important;
    color: #000;
    transition: all 0.3s ease-in-out;
    border-radius: 4px;
}
.btn-theme-outline:active, .btn-theme-outline:hover, .btn-theme-outline:focus{
    background: #17426F;
    border: 1px solid #17426F!important;
    color: #fff;
}
.btn-added {
    background: #25af01;
    border: 1px solid #25af01!important;
    color: #fff;
    pointer-events: none!important;
    opacity: 0.85;
    transition: all 0.3s ease-in-out;
    border-radius: 4px;
    min-width: 110px;
    padding: 6px 12px;
}
.btn-green {
    background: #25af01;
    border: 1px solid #25af01!important;
    color: #fff;
    opacity: 0.85;
    transition: all 0.3s ease-in-out;
    border-radius: 4px;
    min-width: 110px;
    padding: 6px 12px;
}
.w110min{
  min-width: 110px;
}
.btn-added:active, .btn-added:hover, .btn-added:focus{
    color: #fff!important;
}
.btn-green:active, .btn-green:hover, .btn-green:focus{
  background:#228508!important;
  border:1px solid #228508!important;
  color: #fff;
}
.btn-theme-wht {
    background: transparent;
    border: 1px solid #fff!important;
    color: #fff;
    transition: all 0.3s ease-in-out;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info,
.btn-theme:hover, .btn-theme:focus, .btn-theme:active, .btn-theme.active, .open .dropdown-toggle.btn-theme,
.btn-theme-wht:hover, .btn-theme-wht:focus, .btn-theme-wht:active, .btn-theme-wht.active, .open .dropdown-toggle.btn-theme-wht, .is-checked{
    background-color: #F56C09!important;
    border-color: #F56C09!important;
    color: #fff!important;
}
.h450px{
  height: 450px;
}
.flex {
    display: flex;
}
.flex-column{
  flex-direction: column;
}
.flex-row{
  flex-direction: row;
}
.flex-justify-center{
  justify-content: center;
}
.flex-align-center{
  align-items: center;
}
#nasMenu {
    position: unset;
    overflow: hidden;
}
#nasMenu .dropdown {
    position: unset;
    overflow: hidden;
}
ul.topmenu li.dropdown:hover &gt; .nasMenuitem {
    display: block!important;
    top: 93px;
    left: 0;
    right: 0;
    width: 100%;
    position: absolute;
}
.unset{
  position: unset!important;
}
ul.topmenu li{
  display: flex;
  height: -webkit-fill-available;
  align-items: center;
   height:100px;
}
.ptb-10{
  padding-top: 10px;
  padding-bottom: 10px;
}
.animated-05s {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
ul.topmenu li a:hover, ul.topmenu li a:focus, ul.topmenu li a:active{
  outline: none!important;
  color:#F56C09!important;
}
.reviewsitem &gt; p {
    font-size: 18px !important;
}
.sep95px{
  clear: both;
  height: 95px;
}
.domainResultBlk{
  background: #fff;
  padding: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.domainResultBlk .name, .domainResultBlk .amount{
  font-size: 18px;
  color: #000;
  font-family: 'Open Sans Light';
}
.domainResultBlk .amount {
    margin-right: 15px;
}
.pt5{
  padding-top: 5rem!important;
}
.pb5{
  padding-bottom: 5rem!important;
}
.svg-pictogram {
    width: 19px;
    height: 17px;
    fill: #fff;
    margin-right: 5px;
    padding-top: 2px;
}
.items-summary-bar {
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    border-top: 2px solid #F56C09;
    -webkit-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    transform: translate(0,100%);
    background-color: #f9f9f9;
    z-index: 2;
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
}
.items-summary-bar.s-has-items {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
#domain-search-page .topBanner .domainsearch {
    max-width: 1040px;
}
.section-top-flex{
  height: 300px;
  background-position: center center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0!important;
  color: #fff;
  font-size: 16px
}
.section-top-flex h1{
  font-size: 32px!important;
  margin: 0!important;
  color: #F66C09!important;
  font-family: 'Open Sans' !important;
}
.section-top-flex p, .section-top-flex span{
  font-size: 16px;
  margin:0!important;
  color: #FFF!important;
  font-family: 'Open Sans' !important;
}
.clickable{
  cursor: pointer;
}
.bankDetailsWrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #eaeaea;
}
.section-greytbg{
  background: #f9f9f9;
}
.portfolio_category{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
    margin-bottom: 40px;
}
.web-design-development{
  background: url('../images/website-design-development-new.jpg') !important;
  background-size:contain!important;
  background-repeat:repeat!important;
  background-position: center!important;
}
.responsive-web-design{
  background: url('../images/responsive-website-design-new.jpg') !important;
  background-size:contain!important;
  background-repeat:repeat!important; 
  background-position: center!important;
}
.content-management-system{
  background: url('../images/content-management-system-new.jpg') !important;
  background-size:contain!important;
  background-repeat:repeat!important;  
  background-position: center!important;
}
.e-commerce{
  background: url('../images/e-commerce-new.jpg') !important;
  background-size:contain!important;
  background-repeat:repeat!important; 
  background-position: center!important; 
}
.m-commerce{
  background: url('../images/m-commerce-new.jpg') !important;
  background-size:contain!important;
  background-repeat:repeat!important; 
  background-position: center!important; 
}
.mobile-app-development{
  background: url('../images/mobile-app-development-new.jpg') !important;
  background-size:contain!important;
  background-repeat:repeat!important; 
  background-position: center!important;   
}
.logo-designing{
  background: url('../images/logo-designing-new.jpg') !important;
  background-size:contain!important;
  background-repeat:repeat!important;  
  background-position: center!important;   
}
.corporate-branding{
  background: url('../images/corporate-branding-new.jpg') !important;
  background-size:contain!important;
  background-repeat:repeat!important;  
  background-position: center!important;    
}
.one-hamburger {
    position: relative;
    margin-left: 0;
    padding: 0;
    width: 23px;
    height: 15px;
    vertical-align: middle;
    background: none;
    border: none;
}
.one-hamburger__icon, .one-hamburger__icon:after, .one-hamburger__icon:before {
    transition: top .1s ease-in-out .1s,-webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out,top .1s ease-in-out .1s;
    transition: transform .1s ease-in-out,top .1s ease-in-out .1s,-webkit-transform .1s ease-in-out;
}
.one-hamburger__icon {
    top: 40%;
    height: 20%;
}
.one-hamburger__icon, .one-hamburger__icon:after, .one-hamburger__icon:before {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #187dc1;
    border-radius: .09375rem;
}
.one-u-sr-only {
    display: block!important;
    position: absolute!important;
    width: .0625rem!important;
    height: .0625rem!important;
    padding: 0!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}
.one-hamburger__icon:before {
    top: -200%;
}
.one-hamburger__icon:after, .one-hamburger__icon:before {
    content: "";
    height: 100%;
}
.one-hamburger__icon:after {
    top: 200%;
}
.one-hamburger.is-vertical-open .one-hamburger__icon {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.one-hamburger.is-vertical-open .one-hamburger__icon:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.one-hamburger.is-vertical-open .one-hamburger__icon:after, .one-hamburger.is-vertical-open .one-hamburger__icon:before {
    top: 0;
}
.one-hamburger.is-vertical-open .one-hamburger__icon, .one-hamburger.is-vertical-open .one-hamburger__icon:after, .one-hamburger.is-vertical-open .one-hamburger__icon:before {
    transition: top .1s ease-in-out,-webkit-transform .1s ease-in-out .1s;
    transition: top .1s ease-in-out,transform .1s ease-in-out .1s;
    transition: top .1s ease-in-out,transform .1s ease-in-out .1s,-webkit-transform .1s ease-in-out .1s;
}
.one-hamburger__icon, .one-hamburger__icon:after, .one-hamburger__icon:before {
    transition: top .1s ease-in-out .1s,-webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out,top .1s ease-in-out .1s;
    transition: transform .1s ease-in-out,top .1s ease-in-out .1s,-webkit-transform .1s ease-in-out;
}
ul#clients-logo {
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 767px){
  .topBanner{
    height: 250px;
    background-position: center right -108px;
  }
}
@media screen and (max-width: 991px){
  .headerTop{
    border-top:0;
  }
  nav.navbar{
    border-bottom: 0 solid transparent;
    box-shadow: 0px -4px 17px 0px;
    -webkit-box-shadow: 0px -4px 17px 0px;
    -moz-box-shadow: 0px -4px 17px 0px;
    -ms-box-shadow: 0px -4px 17px 0px;
    -o-box-shadow: 0px -4px 17px 0px;
    transition: height .4s ease-out,opacity .4s ease-out;
  }
}
@media screen and (max-width: 576px){
  .headerTop, nav{
    height: 65px!important;
  }
  .sep95px{
    height: 65px!important;
  }
  .mobileHeader img{
    max-height: 53px;
  }
  .menucutommobile{
    top: 65px;
  }
}</pre></body></html>