@font-face{font-family:'open_sanssemibold';     src:url('fonts/opensans_semibold/OpenSans-Semibold-webfont.eot'); src:local('OpenSansRegular'),url('fonts/opensans_semibold/OpenSans-Semibold-webfont.eot');     src:local('OpenSansRegular'),url('fonts/opensans_semibold/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),        local('OpenSansRegular'),url('fonts/opensans_semibold/OpenSans-Semibold-webfont.woff') format('woff'),        local('OpenSansRegular'),url('fonts/opensans_semibold/OpenSans-Semibold-webfont.ttf') format('truetype');  font-weight:normal;  font-style:normal}

@font-face{font-family:'open_sansregular';     src:url('fonts/opensans_regular/OpenSans-Regular-webfont.eot'); src:local('OpenSansRegular'),url('fonts/opensans_regular/OpenSans-Regular-webfont.eot');     src:local('OpenSansRegular'),url('fonts/opensans_regular/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),        local('OpenSansRegular'),url('fonts/opensans_regular/OpenSans-Regular-webfont.woff') format('woff'),         local('OpenSansRegular'),url('fonts/opensans_regular/OpenSans-Regular-webfont.ttf') format('truetype');     font-weight:normal;     font-style:normal}

@font-face{    font-family:'open_sansbold';     src:url('fonts/opensans_bold/OpenSans-Bold-webfont.eot'); src:local('open_sansbold'),url('fonts/opensans_bold/OpenSans-Bold-webfont.eot');     src:local('open_sansbold'),url('fonts/opensans_bold/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),         local('open_sansbold'),url('fonts/opensans_bold/OpenSans-Bold-webfont.woff') format('woff'),         local('open_sansbold'),url('fonts/opensans_bold/OpenSans-Bold-webfont.ttf') format('truetype');     font-weight:normal;     font-style:normal}

@font-face{    font-family:'open_sanslight';     src:url('fonts/opensans_light/OpenSans-Light-webfont.eot'); src:local('open_sanslight'),url('fonts/opensans_light/OpenSans-Light-webfont.eot');     src:local('open_sanslight'),url('fonts/opensans_light/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),        local('open_sanslight'),url('fonts/opensans_light/OpenSans-Light-webfont.woff') format('woff'),        local('open_sanslight'),url('fonts/opensans_light/OpenSans-Light-webfont.ttf') format('truetype');  font-weight:normal;  font-style:normal}

@font-face{  font-family:'fontello';   src:url('fonts/fontello.eot?3835981');   src:url('fonts/fontello.eot?3835981#iefix') format('embedded-opentype'),       url('fonts/fontello.woff?3835981') format('woff'),       url('fonts/fontello.ttf?3835981') format('truetype'),       url('fonts/fontello.svg?3835981#fontello') format('svg');  font-weight:normal;  font-style:normal}


/* common css whole site */
body{-webkit-text-size-adjust: 100%}
#wrapper{width:100%; margin:0 auto; overflow:hidden}
header, .container, body{-webkit-transition:opacity 0.3s ease-out 0s;  -moz-transition:opacity 0.3s ease-out 0s;  -o-transition:opacity 0.3s ease-out 0s; -ms-transition:opacity 0.3s ease-out 0s;  transition:opacity 0.3s ease-out 0s}
img{max-width:100%}
.container{margin:0 auto; text-align:left; position:relative; max-width:1280px; width:94%}

header{width:100%; box-shadow:0 1px 4px rgba(0,0,0,0.2); position:relative; z-index:100}
footer{overflow:hidden}
.section{text-align:center; padding:20px 0; font-size:14px}
.section h2, .InnerContainer .section h1,.PressBtn li{font-size:100px; font-family:'open_sanslight', sans-serif; text-align:center; line-height:100px; text-transform:uppercase}
.section p{font-family:'open_sanslight', sans-serif;  font-size:20px; line-height:25px; text-align:center; word-wrap:break-word; margin:0; padding:0}

.TakeLook li span b, .WeAre li h3, .WeDo li h3, .inp_go, a span.ph_footer, .MegaMenuRight h3, .date_part,.Press h3,.CallToday span, .Country b,.testimonial-block h3, .V-Left h2, .V-Left h3, .VideoList li h4,.InnerContainer .ThankYou h3, .ServiceTxt h2,.FormBlock button,.Work .WeAre li h5,.W-Filter li, .InnerContainer .section .ContactRight h2, .InnerContainer .section .ContactLeft h1, .AddressBox h3, .InnerContainer .NewsListing .section h2, .InnerContainer .RequestPage h2, .Print table th, .big-font, .error-containner .GetTouch h3, .MegaMenuRight .B-Sub-Title{font-family:'open_sansbold', sans-serif}

ul.services_nav li, footer,.MoreTeamBtn, .Date,.CallToday, .F-Title, .site-small-title,.Story .PressBtn li strong, .popup-title .icon-doc-text, .Work .WeAre li h5 b, .Publish, .InnerContainer .NewsDetail .section h2, .small-font, div.royal_tab > div.tabs > div.scroller > ul > li, div.royal_tab > div.tabs > div.scroller > ul > li > strong, .WebServices li,.InnerContainer .section p.SubTitle,.ServicesDetail h2,.ServicesDetail h3, ServicesDetail h4, .ServicesDetail h5{font-family:'open_sanslight', sans-serif}

.MegaMenuRight h5, .ddsmoothmenu ul li, .Filter, .update-ttle strong, .RequireField, .sitemap-new .main-title a, .sitemap-new ul.site-menu li a, .ServiceTxt a.ViewMore,.sitemap-new .main-title{font-family:'open_sanssemibold', sans-serif}

.WeDo li p, .InnerContainer .WeDo li p, .TooltipLeft p, .CoreValues li h3 b, .Team .WeAre li h3, .InnerContainer .SawContent p, .WeAre li.view-first h3, .note div.icon-help-circled:hover .form-hint, .InnerContainer .NewsDetail p, .InnerContainer .Print p, .sitemap-new ul.site-menu .SubLinkTxt li a, .testimonial-block h3, .ServicesDetail p, .ddsmoothmenu ul li li{font-family:'open_sansregular', sans-serif;}

.TakeLook li, .WeAre li:hover img+a, .WeAre li, .WeDo li, ul.services_nav li a:hover, .GetTouch a:hover i, .ReachUs a,.MoreTeamBtn, #top, .button{-webkit-transition:all 0.25s ease 0s; -moz-transition:all 0.25s ease 0s; -o-transition:all 0.25s ease 0s; transition:all 0.25s ease 0s}
.clear{clear:both}
/* common css whole site end */

/* banner css start*/
.Banner .section{padding:0; margin-top:0; max-width:1920px; width:100%}
/* banner css end*/

/*header css start*/
body.ipad #nav_items{opacity:1}
.HeaderLogo{margin:10px 0; float:left}
header .row{max-width:1170px; margin:0 auto}
#nav_items{margin:0; list-style:none; position:relative}
#nav_items.show{opacity:1}
.toggle02 {color: #FFFFFF; cursor: pointer; float: right; font-size: 14px;font-weight: bold;line-height: 19px;margin:7px 0;}
.TopBlackBox li a{ cursor:default}
.TopBlackBox li a.message-icon{ cursor:pointer}
.TopBlackBox{min-height:30px; width:100%; top:0;  line-height:30px; z-index:18;}
.region{font-size:12px; float:left}
.TopBlackBox ul{margin:0; padding:0; float:right}
.TopBlackBox li{padding:0 14px; float:left; line-height:30px; height:30px; text-transform:uppercase; font-size:12px}
.TopBlackBox li.phone{font-size:16px}
.TopBlackBox li.last{padding:0; background:none}
.TopBlackBox li.country-combo{padding:0}
.TopBlackBox li.phone i{font-size:11px; padding:2px 0}
.TopBlackBox li.comment{padding:0 10px; position:relative}
.TopBlackBox li.comment i{font-size:19px; padding:0; border:none; margin:5px 0 0 0}
.TopBlackBox li.comment a:hover i{border:none}
.TopBlackBox li i{border-radius:10px; font-size:9px; padding:2px; float:left; height:12px; line-height:11px; margin:6px 5px 0 0}
.MessageIcon{position:absolute; background-position:left top; width:14px; height:14px; right:5px; top:5px}

.ddsmoothmenu{float:right}
.ddsmoothmenu ul{list-style-type:none; margin:0; padding:0; position:relative; z-index:100}
.ddsmoothmenu ul li{padding:0; display:inline; float:left; margin:0; position:relative; font-size:18px; text-transform:uppercase}
.ddsmoothmenu ul li a{display:block; color:white; padding:0 16px; color:#fff; text-decoration:none}
.ddsmoothmenu ul li a span{padding:24px 0; display:block}
.downarrowclass{display:none !important}
.ddsmoothmenu ul li.logo a:hover{background:none}
/*.ddsmoothmenu ul li ul.mega-menu{ max-width:550px; width:550px}*/
.ddsmoothmenu ul li ul{ -webkit-box-shadow:0 0 5px rgba(0,0,0,.75); -moz-box-shadow:0 0 5px rgba(0,0,0,.75); box-shadow:0 0 5px rgba(0,0,0,.75); position:absolute; left:-3000px; display:none; /*collapse all sub menus to begin with*/visibility:hidden; background:#fff;}
.ddsmoothmenu ul li ul li ul{box-shadow:none}
.ddsmoothmenu ul li ul li{display:list-item; float:none; margin:0 0 0 8px; padding:0}
.ddsmoothmenu ul li ul li ul{top:0}
.ddsmoothmenu ul li ul li a{padding:7px 10px 7px 16px; margin:0; color:#0D2D5C; border-top-width:0; text-transform:none; font-size:14px; border-bottom:none; display:inline-block; width:180px}
.MenuBlog{margin:0 20px 0 0}
.BlogTxt{float:left; width:79%}
.ddsmoothmenu ul li ul li.selected li a{color:#fff; background:none}
.ddsmoothmenu ul li ul li.selected li a:hover, .ddsmoothmenu ul li ul li.selected li.selected a, .ddsmoothmenu ul li ul li.selected li a.selected{color:#939393; background:none}
.ddsmoothmenu ul li ul li.selected li.selected li a{color:#fff; background:none}
.ddsmoothmenu ul li ul li.selected li.selected li a:hover, .ddsmoothmenu ul li ul li.selected li.selected li a.selected{color:#939393; background:none}
* html .ddsmoothmenu{height:1%}/*Holly Hack for IE7 and below*/

.ddcss3support .ddshadow{background-color:transparent; box-shadow:5px 5px 5px #aaa; -moz-box-shadow:5px 5px 5px #aaa; -webkit-box-shadow:5px 5px 5px #aaa}
.mega-menu li{padding:0 0 10px}
.mega-menu div, .mega-menu div ul, .mega-menu ul{display:block !important; left:0px !important; visibility:visible !important; position:relative !important}
.MegaMenuLeft{width:32%; float:left; padding:20px 4%}
.MegaMenuLeft ul{background:none !important; top:0 !important}
.MegaMenuRight{width:60%; float:right; margin:20px 0 0 0}
.MegaMenuRight h3, .MegaMenuRight .B-Sub-Title{font-size:18px; line-height:20px; margin-bottom:15px; text-transform:none; word-wrap:break-word; max-width:350px}
.date_part{border-radius:30px; float:left; height:30px; text-align:center; width:50px; margin:0 8px 0 0; padding:10px 0; line-height:14px}
.date{font-size:24px}
.month{font-size:12px}
.menusub_text{width:230px; float:right}
.ddsmoothmenu ul li .MegaMenuRight h5, .ddsmoothmenu ul li .MegaMenuRight h5 a{font-size:14px; text-transform:none; line-height:18px}
.MegaMenuRight p{font-size:12px; text-transform:none; line-height:18px}
.MenuImg img{float:right}
.SectionTitlemg h2{padding-top:30px}
#mobile-navigation{display:none}
.menu-trigger b{font-size:12px}
.MegaMenuLeft p, .MegaMenuLeft .ClientName{  font-size: 12px;line-height: 18px; text-transform: none;}
.MegaMenuLeft .ClientName span{ color:#F6C542}

.Blue .MenuImg img{ margin-top:107px}

/*intro*/
.iHeader{ opacity:1}
.omnipresent { float:left; clear:both; width:100%}
section#netcluesIntro .introText {	background-size: 55% auto;	height: 805px;padding: 0;	width: 100%; position: relative;margin: 0 auto }
section#netcluesIntro .introText #fade_marker {height: 1px;width: 100%;position: absolute;	top: 10px}
section#netcluesIntro .introText img {display: block;	position: absolute;	bottom: 10px;left: 50%;	margin-left: -40px;	opacity: 1; animation:1s ease 0s normal none infinite startLevitate; -webkit-animation:1s ease 0s normal none infinite startLevitate; -webkit-animation-name: startLevitate;  -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: infinite;}
@-moz-keyframes startLevitate {
0% {
    bottom: 0%;
}
50% {
    bottom: 1%;
}
100% {
    bottom: 0%;
}
}
@-webkit-keyframes startLevitate {
0% {
    bottom: 0%;
}
50% {
    bottom: 1%;
}
100% {
    bottom: 0%;
}
}

section#netcluesIntro .introText img.fadeout {	opacity: 0;	filter: alpha(opacity=0)}
section#netcluesIntro_b {	border-top: 1px solid #359dd2; transition: opacity 0.3s ease-out 0s;}
section#netcluesIntro_b.story {	height: 800px; transition: opacity 0.3s ease-out 0s;}
section#netcluesIntro_b .introText {background-size: 55% auto;	height: 800px;	padding: 0;	width: 100%;position: relative;	margin: 0 auto}
section#netcluesIntro_c.story {	height:0px; transition: opacity 0.3s ease-out 0s;}
section#netcluesIntro_b.scroll, #netcluesIntro_b .introText.scroll, section#netcluesIntro_c.scroll {background-attachment: scroll}
section#netcluesIntro_c.scroll {background-position-y: 1075px}
section#netcluesIntro_b.fixed, #netcluesIntro_b .introText.fixed, section#netcluesIntro_c.fixed {	background-attachment: fixed;  -webkit-transition:opacity 0.3s ease-out 0s;  -moz-transition: opacity 0.3s ease-out 0s;  -o-transition: opacity 0.3s ease-out 0s; -ms-transition: opacity 0.3s ease-out 0s;  transition: opacity 0.3s ease-out 0s;}
.ipad section#netcluesIntro, .ipad section#netcluesIntro_b, .ipad section#netcluesIntro_c {	display: none }
section#netcluesIntro img:hover {cursor: pointer}

#top {height:100px; left: 0; position: fixed; top: 0; width: 100%; z-index: 2;}
#top.omnipresent {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(0, 0, 0, 0); height:100px; width: 100%; z-index: 999;
	opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}
#top.omnipresent.filled-in {display:block;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}
#top.omnipresent.iHeader{display:block;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}

.ie8 #top.omnipresent {opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}
.ie8 #top.omnipresent.filled-in {display: block;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}
.Mob #top.omnipresent {display: block; opacity:1;}
.Mob{ padding:0}
.Mob #top{ position:relative; top:0}
#scrollTrigger{display: block;}
#scrollTrigger.stFilledOut{display: none;}

/* what we do start*/
.WeDo p{max-width:1100px; margin:0 auto}
.WeDoSliderDiv{margin:40px auto 0}
.WeDo ul{text-align:center; margin:0}
.WeDo li{display:inline-block; width:14.5%; margin:0 0.5% 40px; position:relative; top:0; /*width:18.5%;*/}
.WeDo li:hover{ top:-10px}
.WeDo li a,.CoreImg{text-align:center; display:block; width:131px; margin:auto}
.WeDo li a span img{ max-width:55%}
.WeDo li span{width:131px; height:131px; border-radius:100%; display:table-cell; vertical-align:middle}
.WeDo li h3{width:auto; font-size:24px; line-height:28px; padding:10px 0 5px; margin:0;}
.WeDo li h3 a{width:100%}
.WeDo li p, .InnerContainer .WeDo li p{font-size:14px; line-height:18px}
.BlackPatternBg{position:relative}
.Proposal{width:151px; height:151px; border-radius:100%; position:absolute; top:-135px; right:2%; z-index:100; text-transform:uppercase; font-size:12px; text-align:center; line-height:16px;}
.Proposal b{font-size:18px}
.Proposal span{width:48px; height:60px; background-position:0 -60px; margin:27px 0 0 0}
/*what we do end*/

/* we are section start */
.WhitePatternBg{}
.WeAreSliderDiv{margin:30px auto 0;}
.WeAre ul{ margin:0}
.WeAre li{width:250px; position:relative;  margin:30px 22px -30px; vertical-align:top; display:inline-block; top:-30px; padding:0; word-wrap:break-word}
.WeAre li:hover{/*cursor:pointer;*/ top:-40px}
.WeAre li span{width:250px; border-radius:100%; display:table-cell; vertical-align:middle; height:250px; margin-bottom:12px; padding:10px 0 0 0; float:left}
.WhitePatternBg{min-height:215px}
.WeAre li img{border-radius:100%}
.WeAre li img+a{border-radius:100%; height:250px; left:0; position:absolute; top:10px; width:250px}
.WeAre li:hover img+a{box-shadow:none}
.WeAre li h3{font-size:27px; line-height:30px; padding-top:10px}
.Located .WeAre li img+a{box-shadow:none}
.Located .WeAre li div.Address span{border-radius: 0; display: block; float: none; height: auto; margin: 0; padding: 0; width: auto;}
/* we are section end */

/* recent work*/
.RecentWork p{margin:0 auto; max-width:980px}
.rsArrow, a.ls-nav-next, a.ls-nav-prev{border-radius:30px; font-size:18px; height:51px; line-height:51px; text-align:center; width:51px; z-index:100}
.rsArrowIcn{width:51px}
.rsArrowRight, .ls-nav-next{right:1%; position:absolute; top:45%}
.rsArrowLeft, .ls-nav-prev{left:1%; position:absolute; top:45%}

/* take a look*/
.TakeLookSliderDiv{margin:0 auto}
.TakeLook{padding:15px 0 8px; max-width:1000px}
.TakeLook h2{font-size:48px; line-height:48px}
.TakeLook p{font-size:24px; line-height:28px}
.TakeLook li{display:inline-block;  margin:0 3%;  padding:20px 0 0;  position:relative;  text-align:center;  top:0; vertical-align:top; width:130px}
.TakeLook li:hover{top:-10px}
.TakeLook li span{border-radius:90px; display:table-cell; height:116px; vertical-align:middle; width:116px}
.TakeLook li h3{font-size:14px; margin:0}
.TakeLook li span i{height:47px; display:block; margin:auto}
.Established{width:33px;  background-position:-267px 0}
.location{width:24px; background-position:-303px 0}
.WebLaunched{width:56px; background-position:-329px 0}
.Employeed{width:41px; background-position:-386px 0}
.Retention{ width:48px; background-position:-451px -47px}
.Clients{width:68px; height:43px; background-position:-430px 0}
.TakeLook li span b{font-size:30px; margin-top:14px; display:block}
.TakeLook li span b sup{display:inline; line-height:0}


/*footer start*/
.F-Link{ text-align:center; padding:0; margin:0}
.F-Link li{ display:inline;}
.F-Link li a{ display:inline; color:#5d5d5d; padding:0 5px}
.ftr_left{float:left; width:67%}
footer{text-align:left; margin:30px 0 0 0}
footer .container{max-width:1170px; text-align:left; padding-top:40px}
.F-Title{font-size:36px; line-height:36px; text-align:left; text-transform:uppercase;font-family: 'open_sansregular',sans-serif;}
ul.services_nav{float:left; margin-top:10px; width:50%; word-wrap:break-word; padding-bottom:14px}
ul.services_nav li{font-size:24px; margin-top:5px; line-height:32px}
ul.services_nav li a{text-decoration:none}
.WebDIcon, .DomainIcon, .InternetIcon, .PowerPanelIcon, .GrpahicsIcon, .SoftIcon, .MobIcon, .PrintIcon, .SignIcon,.OCMSIcon,.SEOIcon,.WHostIcon,.WMaintenanceIcon,.crmIcon{padding:0; width:20px; height:20px; margin:6px 10px 0 0; float:left}
.F-Sub-Title{font-size:24px; line-height:24px; text-transform:uppercase; margin:30px 0 5px 0; word-wrap:break-word}
.footer_mail_icn i{border-radius:30px; font-size:20px; margin-right:5px; padding:1px 2px 3px 3px}
.search_bg{width:410px; height:45px; margin-top:9px; border-radius:30px}
input.inp_serch{border:none; border-radius:30px; float:left; font-size:16px; margin-top:5px; width:290px; box-shadow:none}
.inp_go{border:none; border-radius:60px; float:left;  font-size:16px; height:33px; margin-left:16px; margin-top:6px;  padding:0 0 2px; width:34px; text-shadow:none; text-transform:uppercase}
input[type="text"]:focus.inp_serch{border:none}
.Got_title{font-size:18px; line-height:18px; margin-top:10px; word-wrap:break-word}
.ftr_right{float:right; width:33%; margin-bottom:20px}
a.ph_icn{margin-top:15px; float:left; width:100%}
a span.ph_footer{font-size:30px; line-height:30px; margin-top:10px; float:left; word-wrap:break-word}
a.ph_icn i{border-radius:100%; float:left; font-size:20px; line-height:11px; margin:7px 5px 0 0; padding:6px 2px}
.sale_emil{float:left; font-size:16px; line-height:16px; margin:7px 0 0 45px}
.ReachUs a{float:left; height:32px; margin:10px 3% 0 0; width:32px; border-radius:32px}
.ReachUs a span{width:22px; height:15px; margin:8px 5px}
.CountryIcon-ky{background-position:-276px -87px}
.CountryIcon-us{background-position:-302px -87px}
.CountryIcon-ca{background-position:-328px -87px}
.CountryIcon-in{background-position:-354px -87px}
.CountryIcon-my, .CountryIcon-ma{background-position:-380px -87px}
.CountryIcon-bhs{background-position:-406px -87px}
.CountryIcon-wl{ background-position:-242px 0;}
.CountryIcon-ww{ background-position:-242px 0;}
.ReachUs a span.CountryIcon-wl{margin:5px; height:22px}
.ReachUs a span.CountryIcon-ww{margin:5px; height:22px}
.fotter_brd{padding-top:10px}
.footer_last_part{font-size:12px; padding:20px 0 30px; text-align:center}
.copy_part{max-width:540px; margin:auto}
.footer_nav_text{overflow:hidden;/* display:block*/}
.GetTouch a{padding-top:10px; float:left}
.GetTouch a i{border-radius:30px;  font-size:16px; margin-right:5px; padding:2px 2px 3px; display:inline-block}
.GetTouch a:hover i{transition:all 0.25s ease 0s}
.footer_mail_icn{float:left; padding-left:10px; padding-top:11px}
.footer_mail_icn i{border-radius:30px; font-size:20px; margin-right:5px; padding:1px 2px 3px 3px}
/* footer End */

/*clients*/
ul.circul{ margin:0}
.ClientSection .container{max-width:1056px}
.ClientLogoDiv{margin:30px auto 0}
.ClientLogoDiv .circuldiv{border-radius:100px; display:table-cell;  height:160px; vertical-align:middle; width:160px}
.ClientLogoDiv li{margin:0 12px 32px; width:184px; display:inline-block}
.CLogoHover{height:14px; display:none; transition:none !important}
.ClientLogoDiv .circuldiv:hover .CLogoHover{display:table-cell; vertical-align:middle; height:160px; position:absolute; width:160px; z-index:1; border-radius:100px; opacity:0.8; line-height:160px}
.CLogoHover i{padding:10px; border-radius:100%}
.ClientImgDiv{float:left; overflow:hidden; position:relative; text-align:center; width:160px; height:160px}
.ClientImg{display:table-cell; height:160px; overflow:hidden; text-align:center; vertical-align:middle; width:160px}
.ClientImg img{max-width:160px; max-height:160px; border-radius:100px}
.ClientSection ul{ margin:0}
.TooltipBg{ border-radius:10px;width:524px;text-align:left}
.TooltipLeft{ float:left; width:58%; margin:0 5% 0 0; padding:1%}
.TooltipRight{ width:35%; float:left}
.TooltipLeft p{ font-size:14px; line-height:18px; text-align:left; min-height:60px}
.TooltipArrow{ font-size:26px; position:absolute; left:14%; top:-18px;}
.CloseBtn a{ width:22px; height:22px; border-radius:100%; position:absolute; right:0; top:-10px; right:-10px; line-height:22px; text-align:center}
.YouTubeThumb{ position:relative}
.YouTubeThumb i{ position:absolute; left:50%; top:50%; font-size:16px; color:#fff; background:#000; border-radius:100%; width:20px; height:20px; padding:5px; line-height:22px; opacity:0.8; margin:-15px 0 0 -15px}
/*clients end*/

/* to top start*/
#toTop,#toTopHover{bottom: 10px;display: none;height: 51px;overflow:hidden;position:fixed;right:10px;text-decoration:none;width:51px;z-index:1555; line-height:50px; text-align:center; font-size:22px; opacity:0.5}
a#toTop:hover{ opacity:1}
#toTop:active, #toTop:focus {outline: medium none;}
/* to top end*/

/*layer slider css*/
.ls-v5 .ls-bottom-slidebuttons a{background-position:-35px 0px}
.ls-v5 .ls-bottom-slidebuttons a.ls-nav-active,
.ls-v5 .ls-bottom-slidebuttons a:hover{background-position:-18px 0}
.ls-v5 .ls-bottom-slidebuttons, .ls-v5 .ls-bottom-slidebuttons a, .ls-v5 .ls-nav-start, .ls-v5 .ls-nav-stop, .ls-v5 .ls-nav-sides{height:15px}
.ls-v5 .ls-bottom-slidebuttons, .ls-v5 .ls-bottom-slidebuttons a, .ls-v5 .ls-nav-start, .ls-v5 .ls-nav-stop, .ls-v5 .ls-nav-sides{display:inline-block}
.ls-v5 .ls-bottom-slidebuttons, .ls-v5 .ls-nav-start, .ls-v5 .ls-nav-stop, .ls-v5 .ls-nav-sides{top:-30px}
.ls-v5 .ls-bottom-slidebuttons a{width:13px}
.ls-container{visibility:hidden; position:relative}

.ls-lt-container{position:absolute}

.ls-lt-container,
.ls-lt-container *{text-align:left !important; direction:ltr !important}

.ls-container-fullscreen{margin:0 auto !important; padding:2% !important; background:black !important; border-radius:0 !important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; border:none !important}

.ls-container-fullscreen .ls-thumbnail-wrapper,
.ls-container-fullscreen .ls-fullscreen,
.ls-container-fullscreen .ls-shadow{display:none !important}

.ls-overflow-hidden{overflow:hidden}

.ls-inner{position:relative; background-position:center center; z-index:2}

.ls-loading-container{position:absolute !important; display:none; z-index:3 !important; left:50% !important; top:50% !important; margin-left:-20px; margin-top:-20px}

.ls-loading-indicator{margin:0 auto; width:40px;height:40px;}


.ls-inner,
.ls-slide{width:100%; height:100%}

.ls-slide,
.ls-layer{position:absolute; display:none; background-position:center center; overflow:hidden}

.ls-active,
.ls-animating{display:block !important}

.ls-slide >*{position:absolute; line-height:normal; margin:0; left:0; top:0}

.ls-slide .ls-bg{left:0px; top:0px; transform:none !important; -o-transform:none !important; -ms-transform:none !important; -moz-transform:none !important; -webkit-transform:none !important}

.ls-yourlogo{position:absolute; z-index:99}

/* Navigation */
.ls-bottom-nav-wrapper{height:0}

.ls-bottom-slidebuttons{text-align:left}

.ls-bottom-nav-wrapper,
.ls-below-thumbnails{z-index:2; height:0; position:relative; text-align:center; margin:0 auto}

.ls-below-thumbnails{display:none; z-index:6}

.ls-bottom-nav-wrapper a,
.ls-nav-prev,
.ls-nav-next{outline:none}

* .ls-bottom-nav-wrapper *,
* .ls-bottom-nav-wrapper span *{direction:ltr !important}

.ls-bottom-slidebuttons{position:relative; z-index:1000}

.ls-bottom-slidebuttons,
.ls-nav-start,
.ls-nav-stop,
.ls-nav-sides{position:relative}

.ls-nothumb{text-align:center !important}

.ls-link{position:absolute; width:100% !important; height:100% !important; left:0 !important; top:0 !important;}



/* Thumbnails */
.ls-tn{display:none !important}

.ls-thumbnail-hover{display:none; position:absolute; left:0}

.ls-thumbnail-hover-inner{width:100%; height:100%; position:absolute; left:0; top:0; display:none}

.ls-thumbnail-hover-bg{position:absolute; width:100%; height:100%; left:0; top:0}

.ls-thumbnail-hover-img{position:absolute; overflow:hidden}

.ls-thumbnail-hover img{max-width:none !important; position:absolute; display:inline-block; visibility:visible !important; left:50%; top:0}

.ls-thumbnail-hover span{left:50%; top:100%; width:0; height:0; display:block; position:absolute; border-left-color:transparent !important; border-right-color:transparent !important; border-bottom-color:transparent !important}

.ls-thumbnail-wrapper{position:relative; width:100%; margin:0 auto; z-index:4}

.ls-thumbnail{position:relative; margin:0 auto}

.ls-thumbnail-inner,
.ls-thumbnail-slide-container{width:100%}

.ls-thumbnail-slide-container{overflow:hidden !important; position:relative}

.ls-touchscroll{overflow-x:auto !important}

.ls-thumbnail-slide{text-align:center; white-space:nowrap; float:left; position:relative}

.ls-thumbnail-slide a{overflow:hidden; display:inline-block; width:0; height:0; position:relative}

.ls-thumbnail-slide img{max-width:none !important; max-height:100% !important; height:100%; visibility:visible !important}

.ls-shadow{display:none; position:absolute; z-index:1; top:100%; width:100%; left:0; overflow:hidden !important; visibility:hidden}

.ls-shadow img{width:100% !important; height:auto !important; position:absolute !important; left:0 !important; bottom:0 !important}

.ls-bottom-nav-wrapper,
.ls-thumbnail-wrapper,
.ls-nav-prev,
.ls-nav-next{visibility:hidden}

/* 2D &3D Layer Transitions */
.ls-overflow-hidden{overflow:hidden}

.ls-lt-tile{position:relative; float:left; perspective:1000px; -o-perspective:1000px; -ms-perspective:1000px; -moz-perspective:1000px; -webkit-perspective:1000px}

.ls-lt-tile img{visibility:visible; display:inline-block}

.ls-curtiles{overflow:hidden}

.ls-curtiles,
.ls-nexttiles{position:absolute; width:100%; height:100%; left:0; top:0}

.ls-curtile, .ls-nexttile{overflow:hidden; position:absolute; width:100% !important; height:100% !important; backface-visibility:hidden; -o-backface-visibility:hidden; -ms-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden}

.ls-curtile{left:0; top:0}

.ls-curtile img,
.ls-nexttile img{position:absolute; filter:inherit}

.ls-3d-container{position:relative; overflow:visible !important}

.ls-3d-box{position:absolute; top:50%; left:50%; transform-style:preserve-3d; -o-transform-style:preserve-3d; -ms-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -webkit-transform-style:preserve-3d}

.ls-3d-box div{overflow:hidden; background:#777; margin:0; padding:0; position:absolute}

/* Removing all default global styles of WordPress themes */
html * .ls-nav-prev,
html * .ls-nav-next,
html * .ls-container img,
html * .ls-bottom-nav-wrapper a,
html * .ls-container .ls-fullscreen,
body * .ls-nav-prev,
body * .ls-nav-next,
body * .ls-container img,
body * .ls-bottom-nav-wrapper a,
body * .ls-container .ls-fullscreen,
#ls-global * .ls-nav-prev,
#ls-global * .ls-nav-next,
#ls-global * .ls-container img,
#ls-global * .ls-bottom-nav-wrapper a,
#ls-global * .ls-container .ls-fullscreen,
html * .ls-thumbnail a,
body * .ls-thumbnail a,
#ls-global * .ls-thumbnail a{transition:none; -o-transition:none; -ms-transition:none; -moz-transition:none; -webkit-transition:none; outline:none; padding:0; border:0}

html * .ls-slide >a,
body * .ls-slide >a,
#ls-global * .ls-slide >a,
html * .ls-slide >h1,
body * .ls-slide >h1,
#ls-global * .ls-slide >h1,
html * .ls-slide >h2,
body * .ls-slide >h2,
#ls-global * .ls-slide >h2,
html * .ls-slide >h3,
body * .ls-slide >h3,
#ls-global * .ls-slide >h3,
html * .ls-slide >h4,
body * .ls-slide >h4,
#ls-global * .ls-slide >h4,
html * .ls-slide >h5,
body * .ls-slide >h5,
#ls-global * .ls-slide >h5,
html * .ls-slide >p,
body * .ls-slide >p,
#ls-global * .ls-slide >p,
html * .ls-slide >div,
body * .ls-slide >div,
#ls-global * .ls-slide >div,
html * .ls-slide >span,
body * .ls-slide >span,
#ls-global * .ls-slide >span,
html * .ls-slide >*,
body * .ls-slide >*,
#ls-global * .ls-slide >*{transition:none; -o-transition:none; -ms-transition:none; -moz-transition:none; -webkit-transition:none}

html * .ls-slide >*,
body * .ls-slide >*,
#ls-global * .ls-slide >*{margin:0}

html * .ls-container img,
body * .ls-container img,
#ls-global * .ls-container img{background:none !important; min-width:0 !important; max-width:none !important; border-radius:0; box-shadow:none; border:0; padding:0}

/*html * .ls-thumbnail a img,
body * .ls-thumbnail a img,
#ls-global * .ls-thumbnail a img{min-width:100% !important}
*/
html * .ls-wp-container .ls-slide >*,
body * .ls-wp-container .ls-slide >*,
#ls-global * .ls-wp-container .ls-slide >*{line-height:normal; outline:none; padding:0; margin:0; border:0}

html * .ls-wp-container .ls-slide >a >*,
body * .ls-wp-container .ls-slide >a >*,
#ls-global * .ls-wp-container .ls-slide >a >*{margin:0}

html * .ls-wp-container .ls-slide >a,
body * .ls-wp-container .ls-slide >a,
#ls-global * .ls-wp-container .ls-slide >a{text-decoration:none}

.ls-wp-fullwidth-container,
.ls-wp-fullwidth-helper,
.ls-container,
.ls-container *{box-sizing:content-box !important; -moz-box-sizing:content-box !important; -webkit-box-sizing:content-box !important}

html * .ls-yourlogo,
body * .ls-yourlogo,
#ls-global * .ls-yourlogo{margin:0}

html * .ls-tn,
body * .ls-tn,
#ls-global * .ls-tn{display:none}

.site{overflow:visible !important}

/* Style of LayerSlider Debug Console */
.ls-debug-console *{margin:0 !important; padding:0 !important; border:0 !important; color:white !important; text-shadow:none !important; font-family:"HelveticaNeue-Light","Helvetica Neue Light",Helvetica,Arial,sans-serif !important; line-height:normal !important; -webkit-font-smoothing:antialiased !important; text-align:left !important; font-style:normal !important}

.ls-debug-console h1{padding-top:10px !important; font-size:17px !important; font-weight:bold !important}

.ls-debug-console h1:first-child{padding-top:0 !important}

.ls-debug-console ul{padding-top:10px !important; list-style:none !important}

.ls-debug-console li{margin-left:10px !important; font-size:13px !important; position:relative !important; font-weight:normal !important}

html * .ls-debug-console li ul,
body * .ls-debug-console li ul,
#ls-global * .ls-debug-console li ul{display:none; width:260px; left:-10px}

.ls-debug-console li ul{position:absolute !important; bottom:100% !important; padding:10px 10px 10px 0 !important; background:white !important; border-radius:10px !important; box-shadow:0 0 20px black !important}

html * .ls-debug-console li:hover ul,
body * .ls-debug-console li:hover ul,
#ls-global * .ls-debug-console li:hover ul{display:block}

.ls-debug-console li ul *{color:black !important}

.ls-debug-console a{text-decoration:none !important; border-bottom:1px dotted white !important}

.ls-error{border-radius:5px !important; -moz-border-radius:5px !important; -wenkit-border-radius:5px !important; background:white !important; height:auto !important; width:auto !important; color:white !important; padding:20px 40px 30px 80px !important; position:relative !important; box-shadow:0 2px 20px -5px black}

.ls-error p{line-height:normal !important; text-shadow:none !important; margin:0 !important; padding:0 !important; border:0 !important; text-align:justify !important; font-family:Arial,sans-serif !important}

.ls-error .ls-error-title{line-height:40px !important; color:red !important; font-weight:bold !important; font-size:16px !important}

.ls-error .ls-error-text{color:#555 !important; font-weight:normal !important; font-size:13px !important}

.ls-error .ls-exclam{width:40px !important; height:40px !important; position:absolute !important; left:20px !important; top:20px !important; border-radius:50px !important; -moz-border-radius:50px !important; -webkit-border-radius:50px !important; font-size:30px !important; font-weight:bold !important; color:white !important; line-height:40px !important; background:red !important; text-align:center !important}

/* GPU Hardware Acceleration */
html * .ls-container .ls-shadow,
html * .ls-container .ls-slide >*,
html * .ls-container .ls-fullscreen,
html * .ls-container .ls-3d-container,
html * .ls-container .ls-lt-container,
html * .ls-container .ls-lt-container *,
html * .ls-container .ls-thumbnail-wrapper,
html * .ls-container .ls-bottom-nav-wrapper,
body * .ls-container .ls-shadow,
body * .ls-container .ls-slide >*,
body * .ls-container .ls-fullscreen,
body * .ls-container .ls-3d-container,
body * .ls-container .ls-lt-container,
body * .ls-container .ls-lt-container *,
body * .ls-container .ls-thumbnail-wrapper,
body * .ls-container .ls-bottom-nav-wrapper,
#ls-global * .ls-container .ls-shadow,
#ls-global * .ls-container .ls-slide >*,
#ls-global * .ls-container .ls-fullscreen,
#ls-global * .ls-container .ls-3d-container,
#ls-global * .ls-container .ls-lt-container,
#ls-global * .ls-container .ls-lt-container *,
#ls-global * .ls-container .ls-thumbnail-wrapper,
#ls-global * .ls-container .ls-bottom-nav-wrapper,
.ls-gpuhack{transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0)}

.ls-gpuhack{width:100% !important; height:100% !important}

html * .ls-container .ls-webkit-hack,
body * .ls-container .ls-webkit-hack,
#ls-global * .ls-container .ls-webkit-hack{width:100%; height:100%; position:absolute; left:0; top:0; z-index:1}

/* for content animation*/
.animate, .scranimate,.triggerAnimation{ position:relative}
.animate.above-fold *, .scranimate.above-fold *, .triggerAnimation *{ -webkit-transition:all 1s;  -moz-transition:all 1s;  -o-transition:all 1s;  transition:all 1s;  -webkit-backface-visibility:hidden;  -moz-backface-visibility:hidden;  backface-visibility:hidden}
.scranimate.below-fold .line-1 { opacity:0;  margin-left:50px}
.scranimate.below-fold .line-2{ margin-right:30px}

.triggerAnimation.below-fold .animated{opacity:0;  margin-left:50px;}
.triggerAnimation.above-fold .animated{ animation:paused fadeInLeft}

.scranimate.above-fold .line-2{ -webkit-transition-delay:0.5s;  -moz-transition-delay:0.5s;  -o-transition-delay:0.5s;  transition-delay:0.5s}
.animate.below-fold .circul, .animate.below-fold  .ClientLogoDiv li{ -webkit-transform:scale(0);  -moz-transform:scale(0);  -ms-transform:scale(0);  -o-transform:scale(0);  transform:scale(0)}

/* country flag*/
#polyglotLanguageSwitcher, #polyglotLanguageSwitcher *{margin:0; padding:0; outline:none}
#polyglotLanguageSwitcher ul{list-style:none}
#polyglotLanguageSwitcher{font-size:12px; margin-top:7px; color:#a9a9a9; line-height:normal; position:relative; /* sets the initial position for the drop-down menu */z-index:9999; padding:0; border-radius:4px}
#polyglotLanguageSwitcher form{display:none}
#polyglotLanguageSwitcher a{text-decoration:none; display:block; padding:0 0 0 33px; /* 6px 6px 6px 28px */color:#fff; width:125px; /* 84px; total width:120px */background-repeat:no-repeat; background-position:10px 4px; text-transform:uppercase; cursor:pointer}
#polyglotLanguageSwitcher a.current:link, #polyglotLanguageSwitcher a.current:visited, #polyglotLanguageSwitcher a.current:active{position:relative; /* sets the initial position for the trigger arrow */ color:#a9a9a9; text-transform:uppercase; height:16px; /* 15px */;}
#polyglotLanguageSwitcher a.active{/* This style is applied as long as the drop-down menu is visible. */border-bottom:none !important}
#polyglotLanguageSwitcher span.trigger{display:block; position:absolute; width:9px; height:5px; text-indent:-10000em; top:7px; /* 6px */right:11px}
#polyglotLanguageSwitcher a.current:link span.trigger, #polyglotLanguageSwitcher a.current:visited span.trigger{border-right:4px solid transparent; border-left:4px solid transparent; width:0; height:0; border-top:4px solid #fff}
#polyglotLanguageSwitcher a.current:hover span.trigger, #polyglotLanguageSwitcher a.current:active span.trigger, #polyglotLanguageSwitcher a.active span.trigger{background-position:left bottom !important}
#polyglotLanguageSwitcher ul.dropdown{display:none; position:absolute; left:0; width:154px; top:24px; background-color:#0e0e0e; box-shadow:0 4px 5px #0e0e0e; border-top:none !important; padding:2px}
#polyglotLanguageSwitcher ul.dropdown li{padding:5px 0; background:none; line-height:17px; height:auto; width:154px; border:none}
#polyglotLanguageSwitcher ul.dropdown li:hover{background:#6b6b6b}

/* royal slider */
.royalSlider{position:relative; direction:ltr;}
.royalSlider >*{float:left}
.rsWebkit3d .rsSlide{-webkit-transform:translateZ(0)}
.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink{-webkit-backface-visibility:hidden}
.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer{ -webkit-transform:none}
.rsOverflow{width:100%; height:100%; position:relative; overflow:hidden; float:left; -webkit-tap-highlight-color:rgba(0,0,0,0)}
.rsVisibleNearbyWrap{width:100%; height:100%; position:relative; overflow:hidden; left:0; top:0; -webkit-tap-highlight-color:rgba(0,0,0,0)}
.rsVisibleNearbyWrap .rsOverflow{position:absolute; left:0; top:0}
.rsContainer{position:relative; width:100%; height:100%; -webkit-tap-highlight-color:rgba(0,0,0,0)}
.rsArrow,
.rsThumbsArrow{cursor:pointer}
.rsThumb{float:left; position:relative}
.rsArrow,
.rsNav,
.rsThumbsArrow{opacity:1; color:#fff; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear}
.rsHidden{opacity:0; visibility:hidden; -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear; transition:visibility 0s linear 0.3s,opacity 0.3s linear}
.rsGCaption{width:100%; float:left; text-align:center}
/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen{position:fixed !important; height:auto !important; width:auto !important; margin:0 !important; padding:0 !important; z-index:2147483647 !important; top:0 !important; left:0 !important; bottom:0 !important; right:0 !important}

.royalSlider .rsSlide.rsFakePreloader{opacity:1 !important; -webkit-transition:0s; -moz-transition:0s; -o-transition: 0s; transition: 0s; display:none}

.rsSlide{position:absolute; left:0; top:0; display:block; overflow:hidden; height:100%; width:100%; }

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide{height:auto}

.rsContent{width:100%; height:100%; position:relative}

.rsPreloader{position:absolute; z-index:0}

.rsNav{-moz-user-select:-moz-none; -webkit-user-select:none; user-select:none}
.rsNavItem{-webkit-tap-highlight-color:rgba(0,0,0,0.25)}

.rsThumbs{position:relative; overflow:hidden; float:left; z-index:22}
.rsTabs{float:left; background:none !important}
.rsTabs,
.rsThumbs{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0)}

.rsVideoContainer{/*left:0; top:0; position:absolute; *//*width:100%; height:100%; position:absolute; left:0; top:0; float:left; */width:auto; height:auto; line-height:0; position:relative}
.rsVideoFrameHolder{position:absolute; left:0; top:0; background:#141414; opacity:0; -webkit-transition:.3s}
.rsVideoFrameHolder.rsVideoActive{opacity:1}
.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj{position:absolute; z-index:50; left:0; top:0; width:100%; height:100%}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-right:44px}

.rsABlock{left:0; top:0; position:absolute; z-index:15}

img.rsImg{max-width:none}


.rsNoDrag{cursor:auto}

.rsLink{left:0; top:0; position:absolute; width:100%; height:100%; display:block; z-index:20; }
 .visibleNearby{ width:100%;  color:#FFF;  padding-top:5px}
.visibleNearby .rsGCaption{ font-size:16px;  line-height:18px;  padding:12px 0 16px;  background:#141414;  width:100%;  position:static;  float:left;  left:auto;  bottom:auto;  text-align:center}
.visibleNearby .rsGCaption span{ display:block;  clear:both;  color:#bbb;  font-size:14px;  line-height:22px}

/* Scaling transforms */
.visibleNearby .rsSlide img{  opacity:0.45;   -webkit-transition:all 0.3s ease-out;   -moz-transition:all 0.3s ease-out;   transition:all 0.3s ease-out;   -webkit-transform:scale(0.9);    -moz-transform:scale(0.9);   -ms-transform:scale(0.9);   -o-transform:scale(0.9);   transform:scale(0.9)}
.visibleNearby .rsActiveSlide img{  opacity:1;   -webkit-transform:scale(1);    -moz-transform:scale(1);   -ms-transform:scale(1);   -o-transform:scale(1);   transform:scale(1)}

/* font css */
[class^="icon-"]:before, [class*="icon-"]:before, .rsArrowRight:before, .rsArrowLeft:before, .ls-nav-prev:before, .ls-nav-next:before{ font-family:"fontello";  font-style:normal;  font-weight:normal;  speak:none;   display:inline-block;  text-decoration:inherit;  width:1em;  margin-right:.2em;  text-align:center;  /* opacity:.8; */  /* For safety - reset parent styles,that can break glyph codes*/ font-variant:normal;  text-transform:none;   /* fix buttons height,for twitter bootstrap */ line-height:1em;   /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left:.2em;   /* you can be more comfortable with increased icons size */ /* font-size:120%; */  /* Uncomment for 3D effect */ /* text-shadow:1px 1px 1px rgba(127,127,127,0.3); */}

.icon-comment:before { content: '\e835'; } /* 'î µ' */
.icon-right-dir-1:before { content: '\e801'; } /* 'î ' */
.icon-mobile:before { content: '\e833'; } /* 'î ³' */
.icon-twitter:before { content: '\e836'; } /* 'î ¶' */
.icon-facebook:before { content: '\e832'; } /* 'î ²' */
.icon-gplus:before { content: '\e831'; } /* 'î ±' */
.icon-phone:before { content: '\e830'; } /* 'î °' */
.icon-menu:before { content: '\e82f'; } /* 'î ¯' */
.icon-right-open:before { content: '\e82e'; } /* 'î ®' */
.icon-videocam:before { content: '\e82d'; } /* 'î ­' */
.icon-up-big:before { content: '\e82c'; } /* 'î ¬' */
.icon-blogger:before { content: '\e82b'; } /* 'î «' */
.icon-pinterest:before { content: '\e82a'; } /* 'î ª' */
.icon-mail:before { content: '\e829'; } /* 'î ©' */
.icon-cancel:before { content: '\e828'; } /* 'î ¨' */
.icon-arrows-cw:before { content: '\e827'; } /* 'î §' */
.icon-globe:before { content: '\e826'; } /* 'î ¦' */
.icon-briefcase:before { content: '\e825'; } /* 'î ¥' */
.icon-up-dir:before { content: '\e824'; } /* 'î ¤' */
.icon-youtube:before { content: '\e823'; } /* 'î £' */
.icon-building:before { content: '\e80f'; } /* 'î ' */
.icon-plus:before { content: '\e810'; } /* 'î ' */
.icon-newspaper:before { content: '\e811'; } /* 'î ‘' */
.icon-website:before { content: '\e812'; } /* 'î ’' */
.icon-award:before { content: '\e813'; } /* 'î “' */
.icon-down-open:before { content: '\e814'; } /* 'î ”' */
.icon-restaurant:before { content: '\e815'; } /* 'î •' */
.icon-minus:before { content: '\e834'; } /* 'î ´' */
.icon-left-open:before { content: '\e817'; } /* 'î —' */
.icon-picture:before { content: '\e818'; } /* 'î ˜' */
.icon-basket:before { content: '\e819'; } /* 'î ™' */
.icon-edit:before { content: '\e81a'; } /* 'î š' */
.icon-doc-text:before { content: '\e81b'; } /* 'î ›' */
.icon-linkedin:before { content: '\e81c'; } /* 'î œ' */
.icon-zoom-in:before { content: '\e81d'; } /* 'î ' */
.icon-tag:before { content: '\e81e'; } /* 'î ž' */
.icon-tags:before { content: '\e81f'; } /* 'î Ÿ' */
.icon-angle-double-right:before { content: '\e820'; } /* 'î  ' */
.icon-play-circled:before { content: '\e821'; } /* 'î ¡' */
.icon-publish:before { content: '\e822'; } /* 'î ¢' */
.icon-pin:before { content: '\e80e'; } /* 'î Ž' */
.icon-help-circled:before { content: '\e80d'; } /* 'î ' */
.icon-layout:before { content: '\e80c'; } /* 'î Œ' */
.icon-star:before { content: '\e80b'; } /* 'î ‹' */
.icon-home-outline:before { content: '\e80a'; } /* 'î Š' */
.icon-clock:before { content: '\e809'; } /* 'î ‰' */
.icon-flight:before { content: '\e808'; } /* 'î ˆ' */
.icon-sitemap:before { content: '\e807'; } /* 'î ‡' */
.icon-flag:before { content: '\e806'; } /* 'î †' */
.icon-money:before { content: '\e805'; } /* 'î …' */
.icon-industrial-building:before { content: '\e804'; } /* 'î „' */
.icon-group:before { content: '\e803'; } /* 'î ƒ' */
.icon-globe-1:before { content: '\e802'; } /* 'î ‚' */
.icon-right-dir:before { content: '\e800'; } /* 'î €' */
.icon-cogs:before { content: '\e816'; } /* 'î –' */


.Open .icon-plus:before{content: '\e834'; } /* 'î ´' */
.rsArrowLeft:before, .ls-nav-prev:before{content:'\e817'}
.rsArrowRight:before, .ls-nav-next:before{content:'\e82e'}

.LocDetail{display: block;}

/* inner page css */
.InnerPage .container{ max-width:1170px}
.InnerPage .About .container, .InnerPage .Team .container, .InnerPage .Infrastructure .container{ max-width:1280px}
.InnerBannerBg .section p{ text-align:left}
.InnerContainer .section .PageTitle{ text-align:left; margin:0; font-size:75px; line-height:85px; word-wrap:break-word}
.InnerContainer .section .PageTitle_website{ text-align:left; margin:0; font-size:62px; line-height:85px; word-wrap:break-word}
.InnerContainer .section .PageTitle_Pay{ text-align:left; margin:0; font-size:42px; line-height:85px; word-wrap:break-word}
.InnerContainer .section .L-PageTitle{ font-size:62px}
.TeamUpBtn{ position: fixed; right:0; top:17%; width:38px; height:176px; z-index:3}
.InnerHeader #nav_items{ opacity:1}
.InnerContainer .section h2, .InnerContainer .section h1{ text-transform:capitalize; font-size:14px;}
.InnerContainer .section p{ font-size:18px; line-height:22px}
.CmnyBtn{ margin:0 auto 10px; max-width:1170px; text-align:center; width:94%}
.CmnyBtn .button{ width:270px;}
.About .section p{ line-height:24px}
.WeAreBg .WeDo li{ width:15%}
.WeAreBg .container {max-width:1062px; margin:0 auto}
.WeAreBg .WeDo li{ margin-bottom:20px}
.WeAreBg .WeDo li a, .CoreValues .WeDo li a, .CoreImg{ width:129px}
.TakeDiv, .CoreValuesDiv .TakeDiv{ width:129px; margin:0 auto}
.WeAreBg .WeDo li span{ width:129px; height:129px}
.CoreValues .WeDo li span{ width:115px; height:115px; float:none; padding:0}
.WeAreBg .WeDo li h3{ font-size:36px; line-height:40px; padding:2px 0 0 0}
.WeAreBg .WeDo li p{ font-size:18px;}
.WeAreBg .WeDoSliderDiv{ margin-top:15px}
.CoreValues .WeDo ul.CoreList li{ width:100%; margin:0; padding:0 0 10px; font-size:14px; line-height:17px;}
.CoreValues .WeDo ul.CoreList li:hover{ top:0}
.CoreValuesDiv{ max-width:1100px}

.CoreValuesDiv{ margin:30px auto 0 auto}
/*.CoreValues h2,*/ .Saw h2,.About h2{ font-size:48px; line-height:52px}
.CoreValues li h3 b{ font-size:18px; display:block}
.CoreValues .WeDo li h3 a{ width:100%}
.CoreValues .WeDo p{ max-width:1280px}
.InnerContainer{ padding:100px 0 0 0}
.CoreValues .WeDo li{ width:17.1%; margin:0 3% 0 0;}
.CoreValues .WeDo li.last{ margin-right:0}
.Team .WeAre li, .Team .WeAre li span{ width:215px;}
.Team .WeAre li{ margin:30px 9px -30px 8px}
.Team .WeAre li img + a{ box-shadow:none}
.Team .WeAre li h3{ font-size:18px; line-height:22px; margin:0}
.Team .WeAre li span, .Team .WeAre li img + a{ height:215px; width:215px;}
.Team .WeAreSliderDiv{ max-width:1180px}
.Team ul{ margin-bottom:10px}
.Team{ margin-bottom:60px}
.TeamPage{ margin:0}
.TeamHover{ display:none}
.InnerPage .TeamPage .WeAre li span{ position:relative}
.Team .WeAre li span:hover .TeamHover{ display:block; position:relative}
.Team .WeAre li span .TeamHover img, .Team .WeAre li span img{ position:absolute; left:0; top:-10px}
.Team .WeAre li span img{ top:0}
.InnerPage .TeamPage .WeAre li{ margin:30px 10px 0}
.InnerContainer .section p.TimeLine, .InnerContainer .section p.Telephone{ font-size:14px;}
.MoreTeamBtn{ width:104px; height:104px; border-radius:100%; display:block; text-align:center; margin:0 auto -70px; text-transform:uppercase; font-size:12px; line-height:14px}
.MoreTeamBtn:hover, a.Proposal:hover{ transform:scale(1.1); -webkit-transform: scale(1.1);   -moz-box-shadow: 0 0 8px 3px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 0 8px 3px rgba(0,0,0,.4);
  box-shadow: 0 0 8px 3px rgba(0,0,0,.4);}
.MoreTeamBtn i{ font-size:24px; display:block; padding:20px 0 5px; }
.MoreTeamBtn b{ font-size:18px; display:block; line-height:18px;}
.Team .icon-phone{ border:solid 1px; border-radius:100%; font-size:11px}
.Team .icon-clock{ font-size:20px}

/* Infrastructure css start */
.Infrastructure .container{ width:98%}
.Infrastructure ul{ max-width:1008px; margin:30px auto 0; overflow:hidden}
.Infrastructure ul li{ float:left; padding:5px}
.Infrastructure ul li img{ vertical-align:top; width:158px; height:105px}
.Infrastructure ul li.F-Right{ float:right}
.Infrastructure ul li.ILarge img{width:326px; height:220px;}
.Infrastructure ul li.ISmall img{width:158px; height:220px;}
.InfraContent{ max-width:75%; margin:0 auto}
.InfraContent p{ margin:0 0 20px 0}
.Infrastructure ul li.view .mask{ width:158px;  height:105px;}
.Infrastructure ul li.ILarge .mask { width: 326px ;height: 220px;}
.Infrastructure ul li.ISmall .mask { width:158px ;  height:220px;}
.Infrastructure .LastImg{ margin-top:-115px}
.Infrastructure ul li.view p a i{font-size:22px;}

/* In the Press start */
.Press{ overflow:hidden; padding:0 20%}
#newspaper{ padding:0 0 20px}
.Press .rsArrowRight{ right:-31%}
.Press .rsArrowLeft{ left:-31%}
.Press .rsSlide{ opacity:0.20;}
.Press .rsActiveSlide{ opacity:1}
.P-Left{ float:left; width:32%; margin:0 4% 0 0}
.P-Right{ width:64%; float:left}
.P-Left img{ border-radius:100%}
.PressImg{ position:relative}
.AuthorImg{ max-width:140px; max-height:140px; position:absolute; right:0; bottom:12px; width:45%}
.Press h3{ font-size:26px; line-height:28px;}
.Date{ font-size:16px; padding:0 0 20px 0; display:block}
.Press p{ font-size:14px}
.Press .rsOverflow{ overflow:visible}
#Newsroom, #Newsletter{ min-height:300px; min-width:60%}
ul.PressBtn{ text-align:center; margin:0 0 40px 0}
.PressBtn li{ display:inline-block; font-size:48px; line-height:52px; margin:0 50px}
.PressBtn li a span{ height:5px; border-radius:5px; display:block}
.PressBtn li a.active span b{ width:4px; height:4px; margin:0 auto; border-radius:100%; position:relative; top:-3px; padding:1px; display:block}

/* Like Just Saw start*/
.InnerContainer .SawContent p{ font-size:14px; padding:20px 0 30px 0}
.CallToday{ font-size:24px; line-height:30px; margin:30px 0 0 0}
.CallToday span{ font-size:36px; line-height:38px; display:block; padding:10px 0 0 0}
.Saw .button{ width:420px; padding:5px 10px 12px}

/* Static Sidebar start */
#progress-nav{opacity: 1; position: fixed; right: 17px; top: 52%; z-index:1;}
#progress-nav li {display: block;height: 18px;margin:0 0 18px;width: 18px;}
#progress-nav li a {cursor: pointer;display: block;height: 100%;position: relative; text-decoration: none; width: 100%; z-index: 1;}
#progress-nav li a i {font-size:25px;left:0; position: absolute; top:-4px; z-index: 1;}
#progress-nav li a .hover-text {color: #AAAAAA; font-size: 1em; opacity: 0;	filter: alpha(opacity=0); padding-right: 13px; position: absolute; right: 12px;
    text-align: right; top: -3px; transition: opacity 0.3s ease 0s; -webkit-transition:opacity 0.3s ease 0s;  -moz-transition:opacity 0.3s ease 0s;  -o-transition:opacity 0.3s ease 0s; -ms-transition:opacity 0.3s ease 0s;width:100px;}
#progress-nav li a:hover .hover-text {opacity: 1; filter: alpha(opacity=100);}
#progress-nav li a.ios .hover-text {top: -2px;}
.About h2{ margin-bottom:10px}

.view-first img {
	-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background: rgba(16,140,244, 0.6);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;

}

.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity:1;
}

.view-first p, .view-first h4 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   line-height:30px;
}
.view-first:hover p, .view-first:hover h4 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.InnerContainer .section .view p, .view h4 {text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 13px; padding: 10px;
background: rgba(0, 0, 0, 0.8); margin:-23px 0 0 0; color:#fff; top:50%}
.view p a{color:#fff;}
.view p a i{font-size:36px;}
.view {overflow: hidden; position: relative;}
.view .mask {position: absolute; overflow: hidden; top: 5px;left:5px;}
.view img {display: block;position: relative;}

/*for IE7/8 note*/
.buorg{display:none; font-family:Arial,Helvetica,sans-serif; font-size:12px; left:0; position:relative; text-align:left; top:0px; width:100%; z-index:1111; line-height:25px; display:none; padding-top:3px !important; background:#fdf2ab}
.buorg01{width:440px; margin:auto; text-align:center; height:30px !important}
.buorg02{margin-top:-27px}
.buorg02 strong{float:left}
.buorg03{float:left; color:#f00}
.buorg03 strong{float:left; color:#f00; margin:0 0 0 2px}
.buorg-img{margin-top:3px; float:left; margin-left:-30px}
.buorg02 strong i{ font-style:normal; color:#000;}


/* services page */
.TeamBg .BannerContent, .Services .BannerContent, .Client .BannerContent{ margin:0}
.TeamBg .BannerContent img, .Services .BannerContent img, .Client .BannerContent img{ display:block}
.BannerContent{ margin:0 0 15px 0; /*overflow:hidden*/}
.Services .container, .ServicesList .container{ text-align:left}
.S-Left{ float:left; width:55%; margin:0 5% 0 0; text-align:left}
.S-Left p{ text-align:left}
.S-Right{ float:left; width:40%; margin:15px 0 0 0; text-align:right}
.B-Sub-Title{ margin-bottom:10px; font-size:24px; line-height:30px; text-transform:none}
ul.ServicesList,.ServicesList li p, .ServicesList li h3 a{ text-align:left}
.ServicesList li{ width:48%; margin:0 4% 20px 0; float:left; transition:none}
.ServicesList li.last{ margin-right:0}
.ServicesList li:hover{ top:auto}
.ServicesList li p.Icon{ float:left }
.ServicesList li.Printing .Icon span img{ max-width:60%; margin-top:10px}
.ServicesList li.crm .Icon span img{ max-width:75%; margin-top:10px}
.ServicesList li.IM .Icon span img{ margin:10px 0 0 5px}
.ServicesList li.eCom .Icon span img{ margin:10px 0 0 0}
.ServicesList li.mobile .Icon span img{ max-width:45%}
.ServicesList li span{ width:100px;  margin:0 15px 0 0; height:100px; text-align:center; padding:0;}
.ServicesList li img{ max-width:70%}
.ServiceTxt{text-align:left; margin:0 0 0 115px}
.ServicesList li.clear{ width:100%; clear:both; margin:0; padding:0; height:0px}
.InnerContainer .section .ServiceTxt h2{width:auto; font-size:24px; line-height:28px; padding:10px 0 5px; margin:0; text-align:left; text-transform:none}
.ServiceTxt h2 a{ text-align:left; width:auto; display:inline-block}
.ServiceTxt .small{ float:left; width:auto; margin:10px 0 0 0}
.ServiceTxt a.ViewMore{ display:inline-block; width:auto; text-align:left; color:#7BB3D9; font-size:14px; margin:5px 0 0 0}
.ServiceTxt a.ViewMore:hover{ color:#5D5D5D}

/*start popup*/
.popup-containner .Print table{ width:100%; margin:0}
.popup-containner{width:570px;margin:auto;border-radius:20px;padding:20px; position:relative; border:5px solid #108CF4; margin:30px auto}
.popup-title{font-size:24px;text-transform:uppercase;padding-bottom:25px; overflow:hidden; line-height:28px }
.popup-title .icon-doc-text{font-size:35px; }
.FormBlock{ margin:0 0 20px 0; text-align:left}
.FormBlock label{ font-size:16px; display:block; padding:0 0 3px 0; text-align:left; color:#818486;}
.FormBlock input[type=text], .FormBlock textarea, .FormBlock select, .FormBlock input[type=password]{ width:96%; padding:6px 5px}
.FormBlock select{width:98% !important}
.FormBlock textarea{ width:98%}
.FormLeft{ float:left; width:48%}
.FormRight{ float:right; width:48%}
.CaptchaImg{float:left}
.refresh-icn .icon-arrows-cw, .refresh-icn .icon-help-circled{float:left;font-size:23px;  margin: 5px 5px 0 5px;}
.FormBlock input[type="text"].CaptchaInput{ width:120px; float:left}
.F-Left{ float:left}
.note{position: relative; float:left}
.Refresh, .icon-help-circled{ margin:5px; font-size:22px}
.FormBlock button{font-size: 16px;padding:6px 25px 8px;text-align: center;float: right;border-radius: 20px; border:none}
.DocIcon{ width:34px; height:42px; vertical-align:middle; float:left}
.note div.icon-help-circled:hover .form-hint {display: block;}
.form-hint{display:none;font-size:13px;height:auto;padding:10px;position:absolute;left:0;top:37px;width:220px;z-index: 99999;background:#ddd; color:#7f7f7f}
.form-hint .icon-up-dir{font-size: 25px;height: 14px;position: absolute;left:2px;top: -17px; color:#ddd}
.close{float:right;border-radius:100%;width:30px;height:29px;    position: relative;top: -34px;left: 34px;}
.close .icon-cancel{font-size:19px; margin: 4px 0 0 2px;display: table;}
.small{ font-size:16px; padding:8px 20px}
.mgr5{ margin-right:5px}
.popup-containner i.icon-doc-text, .popup-containner i.icon-briefcase{ margin:0 5px 0 0}
.PopUpTitle{ float:left; margin:10px 0 0 10px}
.toppopup {color: #FFFFFF;float: left;font-size: 14px;font-weight: normal;line-height: 19px;margin:7px 0;}
.CaptchaDiv{ float:left}
/*label.valid { color:#468847}.error label{ color:#c20000}*/
input[type=text].valid , input[type=password].valid , textarea.valid, select.valid {color:#468847 !important; border:solid 1px #468847}
input[type=text].error , input[type=password].error , textarea.error ,  select.error{color:#c20000; border:solid 1px #c20000}

/* jsscrollpan custom scroll*/
.ScrollView {
	height: 300px
}
.mCSB_container {
	width: auto;
	margin-right: 30px;
	overflow: hidden;
}
.mCSB_container.mCS_no_scrollbar {
	margin-right: 0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar {
	margin-right: 30px;
}
.mCustomScrollBox>.mCSB_scrollTools {
	width: 16px;
	height: 100%;
	top: 0;
	right: 0;
}
.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto;
}
.mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
}
.mCSB_scrollTools .mCSB_draggerRail {
	background: #ECECEC; /* rgba fallback */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #bbb;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background: #5d5d5d;
}
.PopUpImg{ float:left; margin:5px 15px 0 0}
.PopUpImg img{ border:5px solid #EFEFEF}
/*close popup*/

/*client page*/
#tool_tip{ width:380px}
.ClientPage .container{ max-width:1056px; margin:0 auto}
.ClientPage li{ margin:32px 12px 0}
.Filter{text-align: center;	display: inline-block;line-height: normal;padding:10px 0;width:97%; -moz-border-radius:10px;-webkit-border-radius:10px;
border-radius:10px; background:#dedede}
.Filter select{ margin-right:10px; width:225px}
.Filter label{ margin:0 5px 0 10px}

/*update browser*/
.browser-box{width:115px;margin:auto;height:115px;text-align:center;line-height:110px;display:block;margin-bottom:5px; background-position:center center;background-repeat:no-repeat}
.update-ttle strong{font-size:45px;margin-bottom:20px;line-height:70px}
.browser-wrap{width:16%;float:left;text-align:center;margin:0 2%;display:block;color:#37A5DD;font-size:14px;line-height:22px;font-weight:bold;padding-bottom:5px;cursor:pointer}
.update-ttle p{line-height:45px !important}

/* work page*/
@-moz-keyframes dropHeader {
    100% {max-width:100%;}
    0% { max-width:1170px;}
}
@-webkit-keyframes dropHeader {
     100% {max-width:100%;  }
    0% { max-width:1170px;}
}
.pdnone{ padding:0;}
.Portfolio .container, .Portfolio header .row{
-moz-animation-name: dropHeader;
-moz-animation-iteration-count: once;
-moz-animation-timing-function: ease-in;
-moz-animation-duration:2s;
/*-moz-animation-delay: 2s ;*/
-webkit-animation-name: dropHeader;
-webkit-animation-iteration-count: once;
-webkit-animation-timing-function: ease-in;
-webkit-animation-duration: 2s;
/*-webkit-animation-delay:2s;*/
animation-name: dropHeader;
animation-iteration-count: once;
animation-timing-function: ease-in;
animation-duration:2s;
/*animation-delay: 2s ;*/

}
.Work .container, .Work header .row{max-width:100%}
.Work .WeAre li{ margin:30px 9px 0; top:0; width:245px}
.Work .WeAre li:hover{ top:0}
.Work .WeAre li img{ border-radius:10px; max-height:189px}
.Work .WeAre li .mask{ width:245px; height:189px; border-radius:10px; left:0; top:0}
.Work .WeAre li .mask a{ color:#fff}
.Work .WeAre li h5{ font-size:20px; margin:5px 0 0 0; color:#5d5d5d; text-align:left}
.Work .WeAre li h4{ font-size:18px}
.Work .WeAre li h5 b{ font-size:14px; margin:0 0 0 5px;}
.W-Img{ border:solid 1px #dedede; border-radius:10px; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2)}
.Work .view{ overflow:visible}
.W-Filter li{ display:inline-block; font-size:16px; margin:0 10px; text-align:center}
.W-Filter li a{ color:#E87992; padding:5px; display:block}
.W-Filter li a.selected{ background:#fff; border-radius:10px; color:#0F2D5A; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);    -moz-box-shadow:0 0 5px rgba(0,0,0,0.3); box-shadow:0 0 5px rgba(0,0,0,0.3)}
.W-Filter li a:hover{ color:#0F2D5A}
.WorkBg h1{ float:left;}
ul.W-Filter{ float:right; margin:15px 0 0 0}
.W-Filter li a i{ text-align:center; display:block; font-size:28px; margin:0 0 5px 0; height:30px; line-height:30px !important}
.W-Filter li a i.icon-home-outline{ font-size:24px}
.W-Filter li a i.icon-layout{ font-size:32px}
.Work .WorkTxt{ max-width:1000px; padding-bottom:0}
.Work-Row{ margin:0 0 60px 0}
.WorkSubCat li{ display: inline; margin:5px; display:inline-block}
.CatTitle{ font-size:40px; text-align:left; color:#E87992}
.Work-Row .view-first:hover .mask{ opacity:0}
.Work-Row .W-Img:hover .mask{ opacity:1}
.view-first h3 {
   -webkit-transform: translateY(200px);
   -moz-transform: translateY(200px);
   -o-transform: translateY(200px);
   -ms-transform: translateY(200px);
   transform: translateY(200px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   line-height:30px;

}
.view-first:hover h3 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(90px);
   -moz-transform: translateY(90px);
   -o-transform: translateY(90px);
   -ms-transform: translateY(90px);
   transform: translateY(90px);
}
/* 3-4-14 start */
.select_right button{border: 1px solid #DDDDDD;
    border-radius: 3px;
    box-shadow: -2px 7px 5px -7px rgba(90, 90, 90, 0.2) inset;
    float: left;
    font-weight: normal;
    margin: 0;
    padding: 6px 5px 8px;
    color: #7F7F7F;
    width: 98% !important;}
.select_right button:hover{background-color: transparent !important;color:#666 !important;}
.select_left button span{font-weight:normal !important;font-size: 14px !important;float:left;font-family: 'open_sansregular'; }
.select_right button span{font-weight:normal !important;font-size: 14px !important;float:left;font-family: 'open_sansregular'; }
.select_left button{border: 1px solid #DDDDDD;
    border-radius: 3px;
    box-shadow: -2px 7px 5px -7px rgba(90, 90, 90, 0.2) inset;
    float: left;
    font-weight: normal;
    margin: 0;
    padding: 6px 5px 8px;
    color: #7F7F7F;
    width: 98% !important;}
.select_left button:hover{background-color: transparent !important;color:#666 !important;}
/* 3-4-14 End */
.WeAre li.view-first h3{ color:#fff; font-size:14px; line-height:16px;}
ul.WorkSubCat{ margin:0}
/* 18-4-14 */
ul.services_nav li h6 {
    font-size: 24px;
    line-height: 32px;
    margin-top: 5px;
}
a h5.ph_footer {
    float: left;
    font-size: 30px;
    line-height: 30px;
    margin-top: 10px;
    word-wrap: break-word;
	color:#fff;font-family:'open_sansbold';}
ul.ck_round li{background:url(../images/circul-bullet.png) no-repeat left 6px; padding: 0 14px; margin-bottom: 7px;}
.BF_project_title a{  display: block;
    font-family: "open_sanssemibold";    font-size: 16px;    line-height: 25px; margin-top:5px; text-align:center;}


.addmoreinvoice a{  border: medium none;border-radius: 20px;
    float: left;
    font-size: 16px;
    padding: 6px 25px 8px;
    text-align: center;background:#118cf4;color:#FFF;font-family:'open_sansbold';margin-bottom:15px}
	.addmoreinvoice a:hover{background:#046cc4}

 .w-full li a{color:#108cf4;}
  .w-full li a:hover{color:#000;}

  .MakeOverDetail p a{color:#108cf4;}

  .MakeOverDetail p a:hover{color:#000;}

 @media (max-width:1920px){
	 .Work .WeAre li{margin:30px 1% 0;}
 }
 @media (max-width:1798px){
	 .Work .WeAre li{margin:30px 0.5% 0;}
 }
  @media (max-width:1683px){
	 .Work .WeAre li{margin:30px 1% 0;}
 }
 @media (max-width:1465px){
	 .Work .WeAre li{margin:30px 0.5% 0;}
 }
 @media (max-width:1387px){
	 .Work .WeAre li{ width:225px}
	 .Work .WeAre li .mask{ width:225px; height:174px}
	 .view-first:hover h3 {
     -webkit-transform: translateY(82px);
   -moz-transform: translateY(82px);
   -o-transform: translateY(82px);
   -ms-transform: translateY(82px);
   transform: translateY(82px);}
 }
  @media (max-width:1279px){
	  .Work .WeAre li{margin:30px 1% 0;}
 }
  @media (max-width:1053px){
	 .Work .WeAre li{margin:30px 0.5% 0;}
 }
  @media (max-width:1009px){
	 .Work .WeAre li{margin:30px 1% 0; width:245px}
	 .Work .WeAre li .mask{ width:245px; height:189px}
	  .view-first:hover h3 {
   -webkit-transform: translateY(90px);
   -moz-transform: translateY(90px);
   -o-transform: translateY(90px);
   -ms-transform: translateY(90px);
   transform: translateY(90px);}
 }
  @media (max-width:839px){
	 .Work .WeAre li{margin:30px 1% 0; width:222px }
	 .Work .WeAre li .mask{ width:222px; height:171px}
	  .view-first:hover h3 {
     -webkit-transform: translateY(80px);
   -moz-transform: translateY(80px);
   -o-transform: translateY(80px);
   -ms-transform: translateY(80px);
   transform: translateY(80px);}
 }
 @media (max-width:767px){
	 .Work .WeAre li{width:245px }
	 .Work .WeAre li .mask{ width:245px; height:189px}
	  .view-first:hover h3 {
     -webkit-transform: translateY(90px);
   -moz-transform: translateY(90px);
   -o-transform: translateY(90px);
   -ms-transform: translateY(90px);
   transform: translateY(90px);}
 }
  @media (max-width:600px){
.Work .WeAre li{ width:292px; margin:30px 0 0}
.Work .WeAre li .mask{ height:225px; width:292px;}
.Work .WeAre li img{ max-height:225px}
 .view-first:hover h3 {
   -webkit-transform: translateY(110px);
   -moz-transform: translateY(110px);
   -o-transform: translateY(110px);
   -ms-transform: translateY(110px);
   transform: translateY(110px);}
  }

/* contact page */
.ContactPage{ position:relative}
.ContactLeft{ width:70%; margin:0 5% 0 0; float:left; text-align:left}
.ContactRight{ width:25%; float:left; text-align:left}
.ContactLeft p{ text-align:left; margin-bottom:25px}
.InnerContainer .section .ContactRight h2, .InnerContainer .section .ContactLeft h1{ color:#01C49A; font-size:24px; line-height:30px; margin:0 0 10px; text-align:left}
.ContactRight strong{ font-size:18px;  }
.CountryIcon{ width:35px; height:25px; margin:3px 10px 0 0; float:left}
.Country .CountryIcon-ky{background-position:-47px 0}
.Country .CountryIcon-ca{background-position:-86px 0}
.Country .CountryIcon-ma{background-position:-124px 0}
.Country .CountryIcon-my{background-position:-124px 0}
.Country .CountryIcon-in{background-position:-162px 0}
.GrayBg{ margin:15px 0 0 0}
.Country li{ width:100%; margin:0 0 25px 0; float:left}
.Country i{ float:left}
.Country i a{ font-size:12px; color:#01C49A}
.Country i a:hover{color:#108CF4;}
.ContactRight .GetTouch{ margin:20px 0 0 0}
.ContactRight .GetTouch a{ padding:0 0 0 0; margin:0 0 5px 0}
.ContactRight .GetTouch a i{ border:3px solid #ccc; color:#ccc}
.ContactRight .GetTouch a:hover i{border:3px solid #01C49A; color:#fff; background-color:#01C49A !important}
 #map {width: 100%; height:360px; border-bottom:solid 1px #ddd}
 .MapCountry{ position:absolute; left:10px; top:100px; background:#fff; border:solid 1px #ccc; width:35px; padding:5px 5px 0 5px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);}
 .MapCountry li{ margin:0 0 5px 0; position:relative}
  .MapCountry li i{ position:absolute; left:25px; font-size:26px; color:#fff; display:none}
   .MapCountry li a.selected i{ display:block}
.MapCountry .CountryIcon{ margin:0}
 .AddressBox{    background:#01c49a; border-radius: 10px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4); color: #FFFFFF;left: 50%;margin-left: -130px;     padding:15px; position: absolute; top: 50%; width:300px; z-index: 1; font-size:14px; margin-top:-5%; opacity:0.8}
  .AddressBox h3{ color:#fff;}
  .AddressBox .close{ top:-25px; left:25px; background:#01C49A}
  .SocialLike{ margin:15px 0 0 0}
  .SocialLike a{ float:left; margin:0 10px 0 0}
  .RequireField{ font-size:16px; padding:0 0 0 2px}
  .RequireFieldNote{ text-align:right; font-size:12px; color:#ff0000; margin:15px 0}


  /* news listing/detail*/
  .NewsListing .P-Left{ width:30%; margin:0 10%}
  .NewsListing .P-Right{ width:50%; text-align:left}
  .InnerContainer .NewsListing .section h2{line-height:28px; font-size:26px; text-align:left; text-transform:none}
  .NewsListing .P-Right p{ text-align:left; font-size:16px; margin:15px 0 0 0}
  .NewsListing article{ width:100%; float:left; margin:50px 0 0}
  .NewsListing article .button{ font-size:22px; padding:8px 20px; margin:20px 0 0 0; float:left}
  .NewsListing article .Date{ color:#108CF4; padding:5px 0}
  .MoreList{ width:50%; margin-top:50px}
  .info-image-left, .info-column-left{ float:left}
  .info-image-right, .info-column-right{ float:right}
  .Publish{font-size:12px; margin:0 15px 15px 0 }
  .Publish a, .Publish span{color:#108CF4; font-style:italic;}
  .Publish a:hover{ color:#000}
  .NewsListing .P-Left img{ border-radius:25px; }
  .NewsListing .AuthorImg{ right:-10px; bottom:-10px}
  .NewsListing .AuthorImg img{box-shadow:  0 0 5px rgba(0, 0, 0, 0.3); border-radius:100%}
  .Categories h5{ float:left; margin:0 10px 0 0}
  .Categories{ text-align:left; margin:50px 0 0 0}
  .Categories a {border-radius: 5px; float: left; font-size: 12px; margin:1px 5px 4px 0;padding: 2px 6px; background:#ececec}
.Tags{ margin:15px 0 0 0}
.Tags a {font-size: 12px; text-decoration: underline;color: #0000FF;}
.F-Right{ float:right}
.NewsList .GetTouch{ float:right}
.NewsList .GetTouch a{ padding-top:20px}
.NewsList span{ float:left; color:#7ED573;  font-size:21px; margin:24px 4px 0 0}
  .NewsDetail article{ margin:0; text-align:left}
 .InnerContainer .NewsDetail .section h2{ font-size:40px; line-height:50px; margin:0 0 20px 0; text-align:center; text-transform:none }
  .InnerContainer .NewsDetail p{ font-size:14px; text-align:left; line-height:18px}
  .News-ch{ text-align:left; margin:10px 0}
  .News-ch span{ float:left; margin:0 20px 0 0;}
  .PDFIcon,.LinkIcon{ margin:0 10px 0 0; vertical-align:middle}
  .PDFIcon{ background-position:-36px -27px; width:18px; height:22px; margin-top:-3px}
  .LinkIcon{ background-position:-56px -28px; width:22px; height:22px}
  .Popular{ margin:25px 0 0 0}
  .Popular h4{ margin:0 0 10px 0}
  .Popular ul{ margin:0}
  .Popular li {font-size: 12px; margin: 0; padding: 0 0 8px 15px;}
.NewsDetailImg{ text-align:center}

/* print page*/
.InnerContainer .Print p{ text-align:left; padding:0 0 20px 0; font-size:14px; line-height:18px;}
.Print table{ width:60%; margin-bottom:15px}
.Print table th{ background:#7BB3D9; color:#fff }
.Print table td{  color:#444}
.Print table th, .Print table td{ padding:7px 10px; border:solid 1px #7BB3D9;}
.Print .button{ font-size:16px; padding:8px 16px; margin:0 10px 10px 0}

/* Sitemap */

.SiteMapList li{ margin:0 0 25px 0}
.SiteMapTitle{ float:left; margin:0 10px 0 0}
.site-small-title{ float:left; font-size:48px; line-height:52px; padding:18px 0 0 5px}
.sitemap-new .main-title{border-bottom:1px dotted #C5C5C5;padding:0px 0 5px 10px;text-align:left;line-height:22px; font-size:18px; margin:10px 0 0 0}
.sitemap-new .main-title a, .sitemap-new .main-title{font-size:18px;}
.sitemap-new ul.site-menu{ margin:0 0 20px; overflow:hidden}
.sitemap-new ul.site-menu li{display:inline; font-size:14px; text-align:left}
.sitemap-new ul.site-menu li a{margin:8px 25px 0 10px;float:left}
.sitemap-new ul.site-menu li a i{ font-size:15px;}
.sitemap-new{ padding:0}
.SiteMapList .SubLink1, .SiteMapList .SubLink2{margin:0 0 5px}
.SubLinkTxt{ display:none; float:left; width:100%; margin:10px 20px; }
.sitemap-new ul.site-menu .SubLinkTxt li a{ text-align:left; font-size:13px; margin:0}
.sitemap-new ul.site-menu .SubLinkTxt li { width:16%; float:left; margin:0 2% 3px 0; padding:0 0 0 15px}
.sitemap-new ul.site-menu  .SubLinkTxt2 li { width:30%;}
.SubLinkTxt h3{ font-size:14px; text-align:left; color:#37A5DD}

/* testimonials*/
.heading{ margin:0 0 40px 0}
.section .heading h2{ font-size:32px; line-height:36px;}
.T-Left{ float:left;}
.Col-6{ position:relative; width:50%;  float:left; padding:30px 0}
.testimonial-block{ position:relative; padding:0 30px; text-align:left}
.testimonial-block.blockleft{ text-align:right}
.testimonial-block.blockleft .ImgDiv{ clear: both; float: right !important; margin: 0 0 0 30px;}
.testimonial-block .ImgDiv, .V-Logo .ImgDiv{border: 5px solid #EFEFEF; float: left; margin-right: 30px;width: 100px; border-radius:100%; height:100px;     position: relative; text-align: center;}
.testimonial-block .ImgDiv b, .V-Logo .ImgDiv b{   display: table-cell; height: 100px; overflow: hidden; text-align: center; vertical-align: middle; width: 100px;}
.testimonial-block .ImgDiv img, .V-Logo .ImgDiv img{ border-radius:100%; max-width:100px; max-height:100px}
.testimonial-block a{ color:#fff; display:block}
.testimonial-block h3 {font-size: 18px; text-transform: uppercase; color:#5D5D5D;}
.testimonial-block span{ color:#108CF4}
.InnerContainer .section .testimonial-block p {font-size: 14px; line-height:18px; margin-top: 10px; text-align:left;}
.testimonial-block.blockleft, .InnerContainer .section .testimonial-block.blockleft p{ text-align:right}
.T-Row {border-bottom: 1px solid #EFEFEF; overflow:hidden; width:98%; margin:0 auto }
.T-Row.last{ border:none}
.T-Row.top{border-top: 1px solid #EFEFEF;}
.T-Content{ overflow:hidden}
.T-Icon{background:#108CF4;border: 5px solid #EFEFEF; border-radius: 100%; color: #FFFFFF; height: 28px; line-height: 28px;width: 28px; display:inline-block; text-align:center; margin:10px 5px 0 0}

	/* video testimonilas */
	.VideoTestimonial{ overflow:hidden; margin:10px 0 0 0}
	.V-Left{ width:25%; float:left; margin:0 5% 0 0; text-align:left; }
	.InnerContainer .section .V-Left h2{ font-size:20px; line-height:24px; text-align:left}
	.V-Left h3{ font-size:16px; line-height:20px; text-align:left}
	.V-Left span, .VideoList li span{ color:#108CF4}
	.WebImg{ width:60%; margin:20px 0; border:solid 5px #DEDEDE;}
	.WebImg img{ display:block}
	.VideoList{0 }
	.VideoList ul{ text-align:left; margin:0 -15px}
	.T-Logo{ width:80%; margin:15px 0}
	.VideoList li{ display:inline-block; width:206px; margin:7px 5px; text-align:left; padding:10px;}
	.VideoList li h4{ font-size:16px;}
	.VideoList li i{ position:absolute; left:40%; top:40%; color:#fff; font-size:36px;}
	.VideoThumb{ position:relative; border:solid 7px #fff;}
	.VideoThumb img{ display:block}
	.V-Right{ width:70%; float:left;}
	.video-container{position: relative; padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
	.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0; width: 100%; height: 100%;}
	.VideoDiv{ margin-bottom:-30px}

	/* Thank you page */
	.ThankYou{ min-height:200px;}
	.ThankYou .container{max-width:800px}
	.InnerContainer .ThankYou h1{ color:#118CF4; padding:40px 0 20px 0; text-align:center}
	.InnerContainer .ThankYou h3{ margin:20px 0 0 0}
	.InnerContainer .ThankYou h3 a{ color:#118CF4}

/*404 page*/
.error-bg{width:100%;height:100%;}
.error-containner{text-align:center}
.spacer-20{height:20px;clear:both}
.main-error-bg{min-height:438px;padding:50px 20px 28px}
.all-txt{font-size:20px;display:block;line-height:24px}
.big-font{font-size:100px; line-height:100px}
.error-containner .GetTouch a{float:none}
.error-containner .GetTouch h3{margin-bottom:20px;  color: #FFFFFF;text-transform: uppercase;}
.small-font{display: block;font-size: 45px; line-height:50px; padding:0 0 15px}
.error-containner .FormBlock button{float:none}
.btm-brd{  border-bottom: 1px solid #90cdec;margin-bottom: 25px;margin-top: 45px;}
.error-msg{display: block;font-size: 20px; line-height:24px}
.fb_iframe_widget{ float:left; margin:0 5px 0 0}

/* request proposal page*/
.InnerContainer .RequestPage h2{ color:#108CF4; font-size: 24px;line-height: 30px; margin: 0 0 10px; text-align: left;}
.InnerContainer .RequestPage h3{ color:#091B46; font-size:18px;line-height: 24px; margin: 0 0 10px; text-align: left;}
.RequestPage .FormBlock label{ float:left; padding:0 0 3px 4px}
.RadioDiv{ width:100%; float:left; margin:5px 0 15px 0}
.RadioDiv label{ float:left}
.RadioDiv input[type=radio]{ float:left}
.PaymentLable{ width:97%}
.RequestPage .Col-3{ width:30%; margin:0 3% 0 0}
.Common input[type=text]{ margin:0 0 10px}
.RequestPage .FormBlock select{ width:98.2%}


/* social icons */
.FacebookShare {background-position:-52px -57px; width:60px; height:22px; float:left; margin-right:6px;}
.Tweeter {background-position:-118px -57px; width:60px; height:22px; float:left; margin-right:6px;}
.GooglePlus {background-position:-184px -57px; width:82px; height:22px; float:left; margin-right:6px;}
.Printerest {background-position:-272px -57px; width:60px; height:22px; float:left; margin-right:6px;}
.Linkedin {background-position:-338px -57px; width:60px; height:22px; float:left; margin-right:6px;}

.zipicon, .excelicon, .wordicon{width:22px; height:22px;vertical-align: middle;margin-right:7px}
.zipicon{background-position: -108px -29px;}
.excelicon{background-position:-130px -29px}
.wordicon{background-position: -81px -28px}

/* our story page */
#StoryTxt{ height:300px}
.Story .PressBtn{ margin:40px 0}
.Story .PressBtn li{ font-size:30px; line-height:34px; margin:0 4px; width:10%; text-align:left}
.Story .PressBtn li strong{ font-size:22px}
.Story .PressBtn li a{}
.Story .PressBtn li a.active{ font-size:48px; line-height:31px; margin:-4px 0 0 0;  float:left}
.StoryLeft{ float:left; width:60%; margin:0 5% 0 0}
.StoryRight li{ text-align:left; padding:0 0 0 15px; }
.StoryRight{ float:left; width:35%}
.spacer15{ clear:both; height:15px;}
.spacer20{ clear:both; height:20px;}

.FormBlock label.TermsTxt{ font-size:12px; width:97%; margin:0 0 20px}
.PaymentLable strong{ color:#5d5d5d;}
.RequestPage .ExpDate{ margin:0}
.invoice{ float:left; font-size:13px; margin:6px 0 0 15px}
.Query a{ text-align:left; color:#108CF4}
.FormBlock input[type="text"].SubInput{ width:91%}
.more-textarea {font:normal 14px, open_sansregular; color:#7F7F7F; outline:none; width:auto; border:1px solid #b4cfe0; margin: 3px auto;}


/* Advertise with us page start */
.InnerContainer .Advertise p{}
.InnerContainer .section .Advertise .SubTitle{ margin:20px 0 10px; font-size:45px; line-height:55px;}
.AddBox{ max-width:960px; margin:20px auto 0; position:relative}
.InnerContainer .AddBox section{ float:left; width:177px; padding:35px; margin:30px 30px 10px; border-radius:100%; height:177px; position:relative}
.AddBox section.First{ background:#7983b7}
.AddBox section.Second{ background:#f17a40}
.AddBox section.Third{ background:#01c49a}
.InnerContainer .AddBox section p{color:#fff; text-align:center; font-size:18px; line-height:24px; font-family:'open_sanslight',sans-serif; display:table-cell; vertical-align:middle; height:177px}
.AddBox .step-arrow{ height: 25px;  left: 27%;  position: absolute;  top: 10px; width: 95px;}
.AddBox .step-arrow.Second{ left:60%}
.Advertise .StoryRight li{ margin:0 0 15px}
.Advertise .StoryRight{ float:none; width:90%; margin:0 auto}

.mask{ border-radius: 100%; height: 247px; left:0; opacity: 0.5; position: absolute; top:0; width: 247px; opacity:0; box-sizing:border-box; border:0 solid rgba(0, 0, 0, 0.7); -webkit-transition:all 0.4s ease-in-out 0s;  -moz-transition:all 0.4s ease-in-out 0s;  -o-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s;  transition:all 0.4s ease-in-out 0s;}

.AddBox section:hover .mask{ opacity:1; border:123px solid rgba(0, 0, 0, 0.5)}
.mask i.info{display: inline-block; height:60px; padding: 0; text-decoration: none; text-indent: -9999px; width:60px; opacity: 0;
    position: relative;  top: -30px;  margin-left:-30px;

	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0);

	-webkit-transition:transform 0.2s ease-in 0.1s, opacity 0.1s ease-in-out 0s;
	-moz-transition:transform 0.2s ease-in 0.1s, opacity 0.1s ease-in-out 0s;
	-o-transition:transform 0.2s ease-in 0.1s, opacity 0.1s ease-in-out 0s;
	-ms-transition:transform 0.2s ease-in 0.1s, opacity 0.1s ease-in-out 0s;
	transition:transform 0.2s ease-in 0.1s, opacity 0.1s ease-in-out 0s;
}
.AddBox section:hover .mask i.info {
    opacity: 1;
    -webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);


    -webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.InnerContainer .section h2.AddSubTitle{ margin:0 0 20px}
.AddForm{ background:#f2f2f2; border-radius:5px; padding:15px 20px 1px; margin:30px auto; max-width:960px}
.AddForm h5{ font-family:'open_sanslight',sans-serif; font-size:32px; line-height:36px; margin:0 0 15px}
.BlueBtmBg{ color:#fff;  background:#108cf4; margin-bottom:-30px}
.StartTitle{font-family:'open_sanslight',sans-serif; font-size:45px; line-height:55px; margin:0 0 10px}
.BlueBtmBg .AdvertiseDiv a{ color:#fff; font-family:'open_sansbold',sans-serif;}
.BlueBtmBg .AdvertiseDiv a:hover{ color:#000;}
.InnerContainer .container.AdvertiseDiv{ max-width:1184px; margin:0 auto}
.AddForm button{ margin-right:7px}
.AdvertiseDiv a{ color:#108cf4}
.AdvertiseDiv a:hover{ color:#000;}
/* Advertise with us page end */

/* before after page start */
/*.Before,.After{ float:left; width:48%; margin:15px 2% 15px 0}
.After{margin:15px 0 15px 2%}
.Before span,.After span{ text-transform:uppercase; color:#37a5dd; font-size:40px; text-align:left; font-family:'open_sanslight'; padding:0 0 0 10px}
.NewsListing .img_left{margin:0 3%;width:43%;}
  .NewsListing .img_left img { border-radius:0}
  .BeforeAfterSlider .royalSlider{ max-width:1050px; margin:0 auto;}
   .BeforeAfterSlider{ margin:0 0 30px;position:relative;z-index:1;}
   .BeforeAfterSlider .rsArrow, .BeforeAfterSlider .rsThumbs{ z-index:1}

.BeforeAfterSlider .rsArrowDisabled {cursor: default;opacity: 0.3;}

.BeforeAfterSlider .rsArrowLeft{ left:7%; top:37%}
.BeforeAfterSlider .rsArrowRight{ top:37%; right:7%}
.BeforeAfterSlider .rsABlock{ background:rgba(0,0,0,.8); color:#fff; text-transform:uppercase; padding:10px 10px 7px 10px; top:20%; z-index:1; left:5%}
.BeforeAfterSlider .rsABlock h4{font-size:18px; line-height:20px}*/
/* before after page end */

/* before after page new design start */
h2.befor_after_list{font-size:32px !important;line-height:35px !important;color:#555;margin:0 0 30px 0;font-family:'open_sansregular' !important;text-align:center !important;}
h2.befor_after_list a{color:#818486;}
h2.befor_after_list a:hover{color:#108cf4;}

.Before,.After{ float:left; width:48%; margin:15px 2% 15px 0}
.After{ float:right; margin:15px 0 15px 2%}
.Before span,.After span{ text-transform:uppercase; color:#37a5dd; font-size:40px; text-align:left; font-family:'open_sanslight'; padding:0 0 0 10px; line-height:40px; display:block; text-align:center}

.NewsListing .img_left img { border-radius:0}
.BeforeAfterSlider .royalSlider{ max-width:1050px; margin:0 auto;}
.BeforeAfterSlider{ margin:0 0 30px}
.BeforeAfterSlider .rsArrow, .BeforeAfterSlider .rsThumbs{ z-index:1}

.BeforeAfterSlider .rsArrowDisabled{ opacity:0.3}
.BeforeAfterSlider .rsArrowLeft{ left:7%; top:37%}
.BeforeAfterSlider .rsArrowRight{ top:37%; right:7%}
.BeforeAfterSlider .rsABlock{ background:rgba(0,0,0,.8); color:#fff; text-transform:uppercase; padding:10px 10px 7px 10px; top:20%; z-index:1; left:5%}
.BeforeAfterSlider .rsABlock h4{font-size:18px; line-height:20px}
.LeftPanel{ overflow:hidden; padding-right:345px}
.RightPanel{float:right; width:284px}
.B-List{border-radius:5px; padding:20px; margin:0 0 25px 0; overflow:hidden;background:#f2f2f2; background:-moz-linear-gradient(top,#fff 1%,#f2f2f2 50%);background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f2f2f2));  background:linear-gradient(to bottom,#fff 1%,#f2f2f2 50%)}
.ScrollBanner{ position:absolute; right:0; width:284px;  text-align:right}
.transition200 .duration,
.transition200 .delay{ visibility:hidden; }
.transition200{ transition:200ms; -webkit-transition:200ms; -o-transition:200ms; }
.B-List .MoreTeamBtn{ margin-bottom:-80px}
.B-List .MoreTeamBtn i{ padding:10px 0 3px; font-size:18px;color:#e8477f;}
.MoreTeamBtn:hover i{color:#fff;}
.MakeOverSlider li{ width:23%; float:left; padding:8px; border: solid 1px #e5e5e5; background:#fff;}
.MakeOverSlider{ margin:25px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f2f2f2; padding:20px 0 40px}
.MakeOverTitle{ color:#5d5d5d; text-align:center; font-size:40px; line-height:44px; font-family:'open_sanslight'; margin:0 0 20px}
.MakeOverCenter{ text-align:center; margin:25px 0 0 0}
.MakeOverCenter a{ padding:8px 20px}
.MakeOverSlider .button{ margin:0 5px 5px}
.LikeTxt{ font-size:24px; color:#37a5dd; line-height:32px; float:left; margin:0 10px 0 0; padding:2px 0 0 0}
.ActBtn{ background:#5d5d5d; text-transform:uppercase; font-size:15px}
.ActBtn:hover{ background:#37a5dd}


.R-GrayBg{width:254px; height:450px; text-align:left; padding:80px 15px 120px; margin:30px 0 0 0}
.R-Title,.G-Touch{ color:#108cf4; font-family:'open_sansbold', sans-serif; font-size:20px; line-height:24px; margin:0 0 15px; text-transform:uppercase;}
.B-Form input{ margin:0 0 8px; width:79%}
.G-Button{ font-size:16px; border:none; margin:0 0 0 132px}
.G-Touch{ margin:10px 0 5px 0}
.BlueStripeRepeat{ margin:0 0 59px}
.B-List.last{ margin-bottom:0}
.T-Banner-iPhone{ display:none}
.PinkBtn{ background:#e8477f}


.RightFixBanner{ position:absolute; right:0; z-index:1}
.MakeOverDetail{ position:relative}
.MakeTitle{color:#fff; font-family:'open_sansbold', sans-serif; font-size:20px; line-height:24px; margin:0 0 10px}
.MakeSubTitle{ font-family:'open_sanslight'; color:#000; margin:0 0 10px; font-size:15px}
.RightFixBanner .B-Form input{ width:175px; height:18px; }
.RightFixBanner .G-Button{ margin:0 0 0 77px; padding:6px 10px}
.HelpBtn{ float:left; width:36px; height:248px; margin:116px 0 0 0; }
.HideContent{ float:right; width:185px; padding:57px 15px; position:relative; display:block}
.MakeDetailiPhone{ display:none}
.RightFixBanner .B-Form input:-ms-input-placeholder {padding:6px 8px; width:167px}
.B-Form input.CaptchaInputSmall{ width:80px}
.RightFixBanner .B-Form input.CaptchaInputSmall{ width:67px}
.RightFixBanner .B-Form input.CaptchaInputSmallDetail{ width:54px}
.RightFixBanner .icon-arrows-cw{ color:#fff}

 /* before after page new design end */


/* CRM page new design start*/
.Showcases .SubTitle{ font-size:36px; line-height:40px; font-family:'open_sanslight',sans-serif; margin:0 0 10px}
.Showcases ul{ margin:20px 0 0 0}
.Showcases{ background:#f2f2f2; padding:0}
.Showcases li{ text-align:left; margin:0 0 15px}
.Showcases li span{font-family:'open_sanslight',sans-serif; font-size:24px; padding:0 0 0 65px; line-height:55px}
.Showcases li ol{ margin:20px 0 0 85px; font-size:100%;}
.Showcases li ol li{ margin:0 0 10px}
.AdditionalFeature{ margin:30px 0 0 0; text-align:center}
.AdditionalFeature li{margin:0 2px 5px 0; color:#fff; padding:5px 8px; display:inline-block}
.AdditionalFeature li:nth-child(1) { background:#7bb3d9}
.AdditionalFeature li:nth-child(2) { background:#e87992}
.AdditionalFeature li:nth-child(3) { background:#e4ad1a}
.AdditionalFeature li:nth-child(4) { background:#7dc873}
.AdditionalFeature li:nth-child(5) { background:#01c49a}
.AdditionalFeature li:nth-child(6) { background:#f17a40}
.AdditionalFeature li:nth-child(7) { background:#b99ac6}
.AdditionalFeature li:nth-child(8) { background:#aaa}
.Integration,.Support,.Remote,.UserGroup,.Flexible,.Lead,.NewsSystem,.Report,.Process,.Case{ height:55px;}
.Integration{color:#7bb3d9}
.Support{color:#e87992}
.Remote{color:#e4ad1a}
.UserGroup{color:#7dc873}
.Flexible{color:#01c49a}
.Lead{color:#f17a40}
.NewsSystem{color:#b99ac6}
.Report{color:#7bb3d9}
.Process{color:#e87992}
.Case{color:#e4ad1a}
.Showcases li p{ padding:0 0 0 65px}
.InnerContainer .Showcases li p{ text-align:left;  font-size:14px; font-family:'open_sansregular',sans-serif}
.PowerFact{ border-top:7px solid #e6e7e8; border-bottom:7px solid #e6e7e8; padding:10px 0}
.PowerFact ul{ margin:30px 0 0 0}
.PowerFact li{ float:left; width:45%; padding:0 26px 20px; text-align:left}
.InnerContainer .CRM p{ font-size:14px; font-family:'open_sansregular',sans-serif}
.CRM .SubTitle{ font-size:36px; line-height:40px; font-family:'open_sanslight',sans-serif; margin:0 0 10px}
 .Customer{ color:#108cf4; font-size:30px; font-family:'open_sanslight',sans-serif; line-height:34px; margin:20px 0 0 0}
 .CRMBtm .CallToday span{ padding:5px 0}
 .CRMBtm .CallToday{ margin:0;}
 .CRMBtm a{color:#108cf4;}
 .CRMBtm a:hover{color:#000;}
 .IndustrySolution{ background:#7bb3d9; padding:10px 0 15px; color:#fff}
 .IndustrySolution h2{ font-size:54px; line-height:58px; color:#fff; margin:0 0 15px}
 .IndustrySolution ul{ margin:20px 0 0 0}
 .IndustrySolution li{ display:inline-block;  height: 120px;  margin: 10px 8px; text-align: center; width: 125px;}
 .IndustrySolution li b{ width:100%; display:inline-block; text-align:center}
.RealEstate,.Telecom,.Business,.Communication,.Media,.Retail,.Public,.Food,.Transportation,.Security,.Energy,.Environment,.Healthcare,.Manufacturing,.Consulting{ width:70px; height:75px}

.CRMBenefit h2{ font-size:54px; line-height:58px}
.Benefits .First,.Benefits .Second,.Benefits .Third,.Benefits .Fourth{ display:inline-block; border-radius:100%; width:130px; height:130px; padding:20px; margin:20px}
.Benefits .First{ border:7px solid #d7e8f4}
.Benefits .Second{ border:7px solid #eae1ee}
.Benefits .Third{ border:7px solid #f8d7de}
.Benefits .Fourth{ border:7px solid #fcedc6}
.Benefits .First p,.Benefits .Second p,.Benefits .Third p,.Benefits .Fourth p{ display:table-cell; vertical-align:middle; height:130px}
.CRMBenefit h3{ font-size:36px; line-height:40px; font-family:'open_sanslight',sans-serif; margin:15px 0 0 0}

.Communicat .Benefits .First{border:7px solid #b2ede1; background:#fff}
.Communicat .Benefits .Second{border:7px solid #fcedc6; background:#fff}
.Communicat .Benefits .Third{border:7px solid #d7e8f4; background:#fff}
.Communicat .Benefits .Fourth{border:7px solid #eae1ee; background:#fff}
.Communicat .Benefits .First.hi-icon:after{background:#b2ede1}
.Communicat .Benefits .Second.hi-icon:after{background:#fcedc6}
.Communicat .Benefits .Third.hi-icon:after{background:#d7e8f4}
.Communicat .Benefits .Fourth.hi-icon:after{background:#eae1ee}

.hi-icon-effect-9 .First.hi-icon:after{box-shadow: 0 0 0 5px #d7e8f4;}
.hi-icon-effect-9 .Second.hi-icon:after{box-shadow: 0 0 0 5px #eae1ee;}
.hi-icon-effect-9 .Third.hi-icon:after{box-shadow: 0 0 0 5px #f8d7de;}
.hi-icon-effect-9 .Fourth.hi-icon:after{box-shadow: 0 0 0 5px #fcedc6;}

/* Effect 2 */
.hi-icon-effect-2 .hi-icon {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.hi-icon-effect-2 .hi-icon:after {
	top: -8px;
	left: -8px;
	padding: 8px;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

.hi-icon {
	display: inline-block;
	cursor: pointer;
	position: relative;
	z-index: 1;
}
.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.hi-icon:before {
	display: block;
	-webkit-font-smoothing: antialiased;
}

/* Effect 2a */
.hi-icon-effect-2a .hi-icon:hover:after {
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}
/* Effect 9 */
.hi-icon-effect-9 .hi-icon {
	-webkit-transition: box-shadow 0.2s;
	-moz-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}

.hi-icon-effect-9 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;

	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}

/* Effect 9a */
.hi-icon-effect-9a .hi-icon:hover:after {
	-webkit-transform: scale(0.89);
	-moz-transform: scale(0.89);
	-ms-transform: scale(0.89);
	transform: scale(0.89);
	opacity:1;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
::i-block-chrome,.IndustrySolution p{background:#7BB3D9}
::i-block-chrome,.IndustrySolution h2, ::i-block-chrome, .IndustrySolution li b{-webkit-text-stroke:0.1px #fff;}
::i-block-chrome,.Benefits p,::i-block-chrome,.PowerFact,::i-block-chrome,.CRM .SubTitle,::i-block-chrome,.Showcases .SubTitle,::i-block-chrome,.InnerContainer .Showcases li, ::i-block-chrome,.CRMBenefit,::i-block-chrome,.CRMBtm{-webkit-text-stroke:0.01px #5D5D5D;}
::i-block-chrome,.Showcases .AdditionalFeature li{-webkit-text-stroke:0}
}

.animation{opacity: 0;}
.animation.loadanim{opacity: 1;}
.cssanim{
    -webkit-animation-fill-mode:both;
    -moz-animation-fill-mode:both;
    -ms-animation-fill-mode:both;
    -o-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    -ms-animation-duration:1s;
    -o-animation-duration:1s;
    animation-duration:1s;
}


@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp.loadanim {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		opacity: 1;
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		transform: scale(1);
	}
}

.bounceIn.loadanim {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft.loadanim {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight.loadanim {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
/* CRM page new design end*/

/* services detail */
.InnerContainer .ServicesDetail{ text-align:left}
.InnerContainer .ServicesDetail p{ text-align:left; font-size:14px; margin:0 0 15px; line-height:18px}
ul.WebServices{ margin:0; width:100%; float:left}
.WebServices li{ width:30%; float:left; color:#108CF4; margin:0 3% 20px 0; font-size:17px; vertical-align:middle}
.WebServices li img{ vertical-align:middle; margin:0 15px 0 0}
.WorkImg li{ float:left; margin:0 2% 0 0; width:23%}
.WorkImg h3{ margin:10px 0; color:#108CF4; display:inline-block}
.WorkImg h3 a{color:#108CF4;}
.InnerContainer .section p.SubTitle{color:#108CF4; font-size:30px; line-height:40px; text-align:center}
.InnerContainer .section p.SubTitle span{font-size:40px; line-height:50px; color:#0F2D5A}
.ServicesDetail h2{color:#108CF4; font-size:22px; line-height:26px; text-align:left}
.ServicesDetail h3{font-size: 16px;
font-weight: bold;
color: #5d5d5d;
line-height: 22px;
display: inline;}
.ServicesDetail h4{color:#108CF4; font-size:22px; line-height:26px}
.ServicesDetail h5{color:#108CF4; font-size:18px; line-height:22px}
.ServicesDetail h6{color:#108CF4; font-size:14px; line-height:18px}
.LeftDiv{ width:50%; float:left; text-align:right}
.RightDiv{ width:40%; float:right}
.RightDiv .WebServices li{ margin:0 0 10px 0; width:100%; color:#0F2D5A}
ul.eCommerce{ margin:40px 0 0 -30px}
.ServicesDetailBtn .button{ font-size:22px; padding:8px 20px; margin:10px 10px 0 0}
.services-inner-title {text-align: left;margin: 0 0 0 79px;}
.services-inner-title h2 {width: auto;font-size: 24px !important;line-height: 28px !important;padding: 10px 0 5px;margin: 0;text-align: left;text-transform: none; font-weight:bold; color:#666;	}
.services-inner-Icon{ float:left;}
.print-services{ font-size:16px; line-height:52px; color:#e89494; margin:20px 0 0 0;}
.print-services li{ border:1px solid #fff; background:#eee; min-width:120px; color:#000; list-style:none; display:inline; padding:10px 20px ; text-align:center; float:left;}
.sign-services{ font-size:16px; line-height:52px; color:#e89494; margin:20px 0 0 0;}
.sign-services li{ border:1px solid #fff; background:#eee; min-width:202px; color:#000; list-style:none; display:inline; padding:10px 20px ; text-align:center; float:left;}
.tac{ text-align:center}.w-full{ width:100% !important;float: left;}.w-full li{ line-height:31px !important; background-position:left 12px; text-align: left;padding: 0 0 0 15px;}.img-services-inner{width: 50%;
float: left;
text-align: left;}
.img-inter-inner{width: 30%;float: right;text-align: center;}.img-app-inner{width:40%;float: left;text-align: center;}
.img-soft-inner{width: 50%; margin:auto;text-align: center;}
.line-h-35{ line-height:35px;}
.social-title {text-align: left;margin: 0 0 0 80px;}
.social-title h2 {width: auto;font-size: 24px !important;line-height: 28px !important;padding:0 0px 0 0px;margin: 0;text-align: left;text-transform: none; font-weight:bold; color:#666;	}
.host, .maintentce {font-size: 17px;
line-height: 26px;
text-align: center;
font-family: 'open_sansregular', sans-serif;}
.maintentce {	color: #E89494;}.host {	color: #E89494;}

.rsDefault .rsThumbsHor {
	width: 100%;
	height: 82px; margin-top:6px
}
.rsDefault .rsThumbsVer {
	width: 96px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.rsDefault.rsWithThumbsHor .rsThumbsContainer {
	position: relative;
	height: 100%;
}
.rsDefault.rsWithThumbsVer .rsThumbsContainer {
	position: relative;
	width: 100%;
}
.rsDefault .rsThumb {
	float: left;
	overflow: hidden;
	width: 96px;
	height: 82px; border:solid 2px #fff; background:#fff;
        border-radius:5px;
        cursor: pointer;

}
.rsDefault .rsThumb img {
	width: 100%;
	height: 100%;
}
.rsDefault .rsThumb.rsNavSelected {
	border:solid 2px #e8477f; background:#e8477f;
}
.rsDefault .rsThumb.rsNavSelected img {

}
.rsDefault .rsTmb {
	display: block;
}


/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
	height: 100%;
	width: 20px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
	background: #000;
	background: rgba(0,0,0,0.75);
}
.rsDefault .rsThumbsArrow:hover {
	background: rgba(0,0,0,0.9);
}
.rsDefault.rsWithThumbsVer .rsThumbsArrow {
	width: 100%;
	height: 20px;
}
.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0;  left: 0; }

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; }

.rsDefault .rsThumbsArrowIcn {
	width: 16px;
	height: 16px;
	top: 50%;
	left: 50%;
	margin-top:-8px;
	margin-left: -8px;
	position: absolute;
	cursor: pointer;
	background: url('rs-default.png');
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; }
.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; }

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; }
.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; }

.rsDefault .rsThumbsArrowDisabled { display: none !important; }

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px) {
	.rsDefault .rsThumb {
		width: 80px;
		height:68px;
	}
	.rsDefault .rsThumbsHor {
		height:68px;
	}
	.rsDefault .rsThumbsVer {
		width:80px;
	}
}

@media (max-width:1320px){
	.MakeOverSlider .bx-wrapper .bx-next{ right:-2%}
	.MakeOverSlider .bx-wrapper .bx-prev{ left:-2%}

}

@media (max-width: 1280px) and (orientation:landscape) {
	.RightFixBanner{-webkit-transform: translate3d(0,0,0);}
	.MakeOverSlider .bx-wrapper .bx-controls-direction a{z-index:1;-webkit-transform: translate3d(0,0,0);}
}

 @media (max-width:1279px){
	.WeAre li{ width:190px; margin:30px 18px -30px; width:190px}
	.WeAre li span,.WeAre li img + a{ width:190px; height:190px}
	.PressBtn li{ margin:0 20px; font-size:40px}
	.Filter select{ width:203px}
	.Team .WeAre li{ margin-bottom:-10px}
	 .VideoList ul{ text-align:center}
	 .W-Filter li{ margin:0 4px}
	 .sitemap-new ul.site-menu .SubLinkTxt2 li{ width:45%}
	 .WebServices li{ width:47%}
	}
@media (max-width:1096px){
	.InnerPage .TeamPage .WeAre li{ margin:30px 11px 0}
	ul.W-Filter{ width:100%; text-align:left; margin:0}
	.Story .PressBtn li{ width:12%}
}
@media (max-width:1074px){
	.Infrastructure ul{ max-width:960px;}
	.Infrastructure ul li img, .Infrastructure ul li.view .mask{ width:150px; height:100px}
	.Infrastructure ul li.ILarge img, .Infrastructure ul li.ILarge .mask{width:310px; height:210px}
	.Infrastructure .LastImg{ margin-top:-110px}
    .Infrastructure ul li.ISmall img, .Infrastructure ul li.ISmall .mask{width:150px; height:210px}
	#tool_tip{ width:330px}
	.NewsListing .P-Left{ width:30%; margin:0 10%}
}

@media (min-width:929px) and (max-width:1023px){
.TakeLook li{ margin:0 2%} .Filter select{ width:180px}
}
@media screen and (min-width:761px) and (max-width: 979px) { .Infrastructure ul{ max-width:640px;}}

@media (min-width:768px) and (max-width:979px){
ul.services_nav li{font-size:18px}
ul.services_nav li h6 {
    font-size: 18px;
}
a span.ph_footer{font-size:23px; line-height:26px}
a h5.ph_footer {
    font-size: 23px;
    line-height: 26px;
}
.GetTouch a i{font-size:12px; padding:2px 3px 2px}
.GetTouch a{padding-top:10px}
.CoreValues .WeDo li{ width:30%}
.NewsList{ width:100%; margin:0}
.NewsList .GetTouch{ float:left}
.NewsList .GetTouch a{ padding-top:20px}
.NewsList .GetTouch a i{padding:2px 2px 3px; font-size:16px}
}
@media (max-width:979px){
#top{ position:absolute}
#mobile-navigation{display:block; float:right; margin:0 0 0 10px}
a.menu-trigger{color:#87c9eb; display:block; font-size:25px; float:left; z-index:100; position:relative; padding:21px 0; width:43px; text-align:center}
.ddsmoothmenu{display:none}
.jPanelMenu, body{overflow-x:visible !important}
.WeAre li{ width:250px; margin:30px 23px -10px; width:250px}
.WeAre li span,.WeAre li img + a{ width:250px; height:250px}
.WeDo li, .WeAreBg .WeDo li{ width:32%}
.TakeLookSliderDiv{ width:92%}
.TopGlowBg{
background: #216395; /* Old browsers */
background: -moz-linear-gradient(top,  #216395 1%, #091b46 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#216395), color-stop(100%,#091b46)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #216395 1%,#091b46 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #216395 1%,#091b46 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #216395 1%,#091b46 100%); /* IE10+ */
background: linear-gradient(to bottom,  #216395 1%,#091b46 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#216395', endColorstr='#091b46',GradientType=0 ); /* IE6-8 */
}
.TopGlowBg .container{ background:none}
.mega-menu div.MegaMenuRight{ display:none !important}
.MegaMenuLeft{ width:100%; padding:0}
#jPanelMenu-menu li li li a{ padding:0}
.mega-menu li{ padding:0}
#jPanelMenu-menu {background:#68b0d6;}
#jPanelMenu-menu li ul,.MegaMenuLeft ul {background:#87C9EB !important; margin:0}
#jPanelMenu-menu #current {border-bottom: 1px solid #EEEEEE;}
#jPanelMenu-menu #current:after, #jPanelMenu-menu .sf-sub-indicator {display: none;}
#jPanelMenu-menu li {border-top: 1px solid #85c8ea; margin: 0; overflow:hidden}
#jPanelMenu-menu li a {border-bottom: 1px solid #4e90b2; color: #000; display: block; font-size: 13px; outline: 0 none; padding: 12px 20px;}
#jPanelMenu-menu li a.current, #jPanelMenu-menu li a:hover {background-color: #091B46; color: #FFFFFF; text-shadow: none;}
#jPanelMenu-menu li li {border: 0 none;}
#jPanelMenu-menu li li a {   background-position: 21px 18px; border: 0 none;margin-bottom: 1px;padding: 12px 33px;}
#jPanelMenu-menu li li a.current, #jPanelMenu-menu li li a:hover {background-color: #4391ba; color: #FFFFFF; text-shadow: none;}
#jPanelMenu-menu li li li a {background-position: 34px 16px; border: 0 none; padding: 12px 46px;}
#jPanelMenu-menu{ top:0 !important}
#jPanelMenu-menu .SinglePage{ display:none !important}
.P-Left{ float:left; width:32%; margin:0 6% 0 0}
.P-Right{ width:62%; float:left}
.Press h3{ font-size:20px; line-height:22px;}

.Press{ padding:0}
#Newsroom,#Newsletter{ margin:0 5%; overflow:hidden; min-width:90%; min-height:100%}
.Press .rsArrowLeft{ left:0;}
.Press .rsArrowRight{ right:0;}
.ServicesList li{ width:48%}

.Infrastructure .LastImg{ margin-top:0;}
 .Filter select{ width:145px}
 #tool_tip{ width:290px}
 .InnerContainer .section .PageTitle{ font-size:45px; line-height:55px}
 .InnerContainer .NewsDetail .section h2{ font-size:28px; line-height:34px}
.W-Filter li{ font-size:14px}
.sitemap-new ul.site-menu li a{width:28%;float:left;text-align:left}
.FormBlock button.SendBtn{ float:left; margin-top:15px}
.CaptchaDiv{ width:100%}
.sitemap-new ul.site-menu .SubLinkTxt li{ width:28%}
.sitemap-new ul.site-menu .SubLinkTxt li a{ width:auto}
.sitemap-new ul.site-menu .SubLinkTxt2 li{ width:95%; margin:0 0 5px}
.PaymentLable, .FormBlock label.TermsTxt{ width:90%}
.LeftDiv{ width:100%; text-align:center}
.RightDiv{ width:100%; margin:20px 0 0 0}
ul.eCommerce{ margin:0}

/* before after page start*/
/*.BeforeAfterSlider .rsDefault .rsThumb {height: 44px; width: 59px;}*/
/* before after page end*/


/* before after page new design start */
.W-MakeOver{ width:100%}
.ScrollBanner{ display:none; visibility:hidden}
.LeftPanel{ width:100%; padding:0}
.BlueTriangle,.BlueStripeRepeat,.BlueStripe{ background:none}
.BlueStripe{ margin-top:0}
.BlueStripeRepeat{ margin-bottom:0}
.T-Banner-iPhone{ display:block;
background: rgba(0,92,173,1);
background: -moz-linear-gradient(45deg, rgba(0,92,173,1) 0%, rgba(7,125,229,1) 42%, rgba(32,184,255,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,92,173,1)), color-stop(42%, rgba(7,125,229,1)), color-stop(100%, rgba(32,184,255,1)));
background: -webkit-linear-gradient(45deg, rgba(0,92,173,1) 0%, rgba(7,125,229,1) 42%, rgba(32,184,255,1) 100%);
background: -o-linear-gradient(45deg, rgba(0,92,173,1) 0%, rgba(7,125,229,1) 42%, rgba(32,184,255,1) 100%);
background: -ms-linear-gradient(45deg, rgba(0,92,173,1) 0%, rgba(7,125,229,1) 42%, rgba(32,184,255,1) 100%);
background: linear-gradient(45deg, rgba(0,92,173,1) 0%, rgba(7,125,229,1) 42%, rgba(32,184,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005cad', endColorstr='#20b8ff', GradientType=1 );
padding:15px 20px 20px;
border-radius:5px
}
.T-iPhone-Title,.MakeDetailiPhone .T-iPhone-Title{ color:#000; font-family:'open_sansbold', sans-serif; margin:0 0 10px; text-transform:uppercase; text-shadow:0 1px 0 rgba(255, 255, 255, 0.4)}
.T-iPhone-Title2{ color:#fff;  margin:0 0 10px; font-family:'open_sanssemibold', sans-serif; font-size:16px;}
.T-Banner-iPhone .B-Form input{ width:auto; margin:0 5px}
.T-Banner-iPhone .G-Button{ margin:0; background:#e8477f}
.T-Banner-iPhone .G-Button:hover{ background:#000}
.T-Banner-iPhone .B-Form{ margin:0;}
.T-iPhone-SubTitle{font-family:'open_sanslight', sans-serif; color:#fff; margin:0 0 10px}
.T-Banner-iPhone .iPadForm, .MakeDetailiPhone .iPadForm{width:224px; display:inline-block; margin:10px auto}
.T-Banner-iPhone .iPadForm input.CaptchaInputSmall, .MakeDetailiPhone .B-Form input.CaptchaInputSmall{ width:92px; margin:0}
.T-Banner-iPhone .icon-arrows-cw, .MakeDetailiPhone .icon-arrows-cw{ color:#fff}
.T-Banner-iPhone .G-Button{ margin:0 0 0 20px}
/* before after page new design end */

/* Advertise with us page start */
.InnerContainer .AddBox section{ float:none; display:inline-block; margin:30px -10px 10px}
.InnerContainer .AddBox section p{ font-size:16px; line-height:22px}
.mask{ z-index:10}
.AddForm button{ margin-right:0}
/* Advertise with us page end */
}
@media (max-width:767px){

.Mob{ padding:0}
#toTop,#RecentWork .rsArrow{ display:none !important}
.section h2,.InnerContainer .section h1{font-size:40px; line-height:40px}
.section p, .InnerContainer .section p{font-size:14px; line-height:20px}
.WeDo li:hover{top:0}
.WeDo li a, .WeAreBg .WeDo li a, .TakeDiv{ width:80px; display:inline-block}
.WeDo li, .WeAreBg .WeDo li{width:30%; float:none; margin:0 1% 15px; display:inline-block}
.WeDo li span, .WeAreBg .WeDo li span{ padding:15px 10px; width:60px; height:50px; float:left}
.WeDo li a span img{ max-width:100%}
.WeDo li span img{ max-height:100%}
.WeDo li h3, .InnerContainer .section .ServiceTxt h2{ font-size:18px; line-height:20px; font-family:'open_sansregular'; padding:5px 0 }
.WeAreBg .WeDo li h3{font-size:22px; line-height:24px; font-family:'open_sansregular';}
.WeAreBg .WeDo li p{ display:block; font-size:14px}
.ftr_extra, .ftr_left, .CallUs, .ReachUs{display:none}
.ftr_right{float:none; text-align:center; width:auto}
.footer_last_part{padding:20px 0 30px}
.F-Sub-Title{margin:0 0 20px}
.GetTouch a{float:none}
.Located .WeAre li span, .WeDo li p{display:none}
.Proposal{ display:none}
/*.ClientLogoDiv .circuldiv:hover .CLogoHover{ display:none}*/
.Located .section{ padding-bottom:0}
.rsArrow, a.ls-nav-next, a.ls-nav-prev{ width:40px; height:40px; line-height:40px}
.iphone{ display:none}
.TopBlackBox li.first{ border-left:none}
.LocDetail{display: none;}
.LocOpen{ display:block}
.CoreValues .WeDo li p{ display:block}
.CoreValues .WeDo li{ width:45%; margin:0 2% 40px;}
.CoreValues li h3 b{ font-size:14px}
.CoreValues .WeDo li h3, .ServicesList li h3,.InnerContainer .section .ServiceTxt h2{font-family:'open_sansbold'}
.Infrastructure ul{ max-width:480px}
.Infrastructure ul li.LastImg{ float:left}
.Infrastructure ul li.ILargeiPhone img, .Infrastructure ul li.ILargeiPhone .mask{ width:150px !important; height:100px !important}
/*.Company{ padding:140px 0 0 0}*/


#progress-nav{ width:100%; right:auto; top:100px; position:relative; background:#fff; display:none}
#progress-nav ul{ margin:0; text-align:center}
#progress-nav li{ display:inline-block; margin:15px 5px 5px}
#progress-nav li a .hover-text{ top:20px; text-align:left; right:auto; left:-100%}

.ServicesList li p{ display:block}
.ServiceTxt h2 a{ width:auto}
.ServicesList li{ width:100%; margin:0 0 20px 0; float:none}
.ServicesList li span img{ max-width:100% !important; margin:0 !important; }
.ServiceTxt{ margin:0 0 0 95px}
.TeamUpBtn{ display:none}
.ServicesList li.clear{ display:none}
#tool_tip{ width:340px}
.popup-containner{ width:70%}
.Filter label{ margin:0 0 5px 0; display:block}
.Filter select{ width:205px; margin:0 5px 10px}
.Filter{ margin-bottom:15px}
.ContactLeft, .ContactRight{ width:100%; margin:0;}
.ContactPage, .ContactRight, .Captcha, .B-Sub-Title, .S-Left p,.S-Right{ display:none}
.BannerContent{ margin:0;}
.S-Left{ margin:0; width:100%}
.InnerContainer .section .PageTitle{ font-size:40px; line-height:44px}

  .Print table{ width:90%}
.NewsList{ display:block; width:100%}
.NewsList .GetTouch, .NewsList .GetTouch a{ float:left; padding:0}
.NewsList span{ margin-top:3px}
.Col-6{ width:100%; border-bottom:1px solid #EFEFEF}
.Col-6.last{ border:none}
.T-Row{ background:none; border:none}
.V-Left{ width:35%;}
.V-Right{ width:60%}
/*404*/
.error-msg{line-height:22px;font-size:18px}
.small-font{font-size:40px;line-height:50px}


.W-Filter li{ margin:0; font-size:12px; font-family:'open_sansregular';}
.CaptchaDiv{ display:none}
.FormBlock button.SendBtn{ margin-top:0}
.sitemap-new ul.site-menu .SubLinkTxt2 li a, .sitemap-new ul.site-menu .SubLinkTxt li a{ width: auto}
.sitemap-new ul.site-menu .SubLinkTxt li{width:45%;}
.sitemap-new ul.site-menu .SubLinkTxt2 li{ width:90%; margin:0 0 10px}
.StoryLeft{ width:100%; margin:0}
.StoryRight{ width:100%; margin:20px 0 0 0}
.WebServices li{ width:100%; margin:0 0 20px}
.InnerContainer .section p.SubTitle{ font-size:22px; line-height:26px}
.InnerContainer .section p.SubTitle span{ font-size:32px; line-height:36px}

 /*  before after page start */
 /*.NewsListing .img_left{float:none; width:100%; margin:0 auto 15px}
 .NewsListing.BeforeAfter .P-Right{ width:100%;}
 .Before,.After{ width:100%; text-align:center}*/
 /*  before after page end */

 /* before after page new design start */
 .NewsListing .img_left{float:none; width:100%; margin:0 auto 15px}
 .NewsListing.BeforeAfter .P-Right{ width:100%;}
 .Before,.After{ width:100%; text-align:center}

 .MakeOverSlider .bx-wrapper .bx-controls-direction a{ width:40px; height:40px; line-height:40px;}
 .T-Banner-iPhone .B-Form input{ margin:0 0 10px; width:90%}
 .T-Banner-iPhone .G-Button{ display:block; width:95px; margin:0 auto}

 .RightFixBanner{ display:none}
 .MakeDetailiPhone{background: rgba(0,92,173,1);
background: -moz-linear-gradient(45deg, rgba(0,92,173,1) 0%, rgba(7,125,229,1) 42%, rgba(32,184,255,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,92,173,1)), color-stop(42%, rgba(7,125,229,1)), color-stop(100%, rgba(32,184,255,1)));
background: -webkit-linear-gradient(45deg, rgba(0,92,173,1) 0%, rgba(7,125,229,1) 42%, rgba(32,184,255,1) 100%);
background: -o-linear-gradient(45deg, rgba(0,92,173,1) 0%, rgba(7,125,229,1) 42%, rgba(32,184,255,1) 100%);
background: -ms-linear-gradient(45deg, rgba(0,92,173,1) 0%, rgba(7,125,229,1) 42%, rgba(32,184,255,1) 100%);
background: linear-gradient(45deg, rgba(0,92,173,1) 0%, rgba(7,125,229,1) 42%, rgba(32,184,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005cad', endColorstr='#20b8ff', GradientType=1 );
padding:15px 15px 20px;
border-radius:5px; margin:0 0 20px 0}
.MakeDetailiPhone form{ margin:0}
.MakeDetailiPhone .B-Form input{ width:45%; margin:0 1% 10px}
.MakeDetailiPhone .G-Button{ margin:0 0 0 10px; background:#e8477f; padding:8px 20px}
.MakeDetailiPhone .G-Button:hover{ background:#000;}
.MakeDetailiPhone{ display:block}
/* before after page new design end */

/* Advertise with us page start */
.AddBox{ max-width:474px}
.AddBox .step-arrow{ left:40%}
.AddBox .step-arrow.Second{ left:77%; top:59%; -webkit-transform:rotate(136deg);-moz-transform:rotate(136deg);-o-transform:rotate(136deg);-ms-transform:rotate(136deg);transform:rotate(136deg)}
.InnerContainer .AddBox section.Third{ margin:-65px 0 10px}
/* Advertise with us page end */
.mobCaptchaImg{display: none !important;}
}

@media (max-width:600px){
.TakeLookSliderDiv{ width:100%}
.CoreValues .WeDo li{width:100%; margin:0 0 30px 0}
.Press p, .Press .Date{ display:none}
.PressBtn li{ font-size:32px}
.MidSize{ width:50%}
.NewsListing article{ margin:20px 0}
.NewsListing .P-Left{ width:50%; margin:0 5%; float:none;}
  .NewsListing .P-Right{ width:90%; }
  .NewsListing .P-Left, .NewsListing .P-Right{ margin:10px auto}
 .NewsDetail article{ margin:0}
 .Print table{ width:80%}
 .W-Filter li a span{ display:none}
 .RequestPage .FormLeft, .RequestPage .FormRight{ width:100%;}
 .RequestPage .ExpDate{ width:45%; margin:0}
 .CmnyBtn{ margin-top:15px}
 }

@media (max-width:489px){
	.Infrastructure ul{ max-width:300px;}
	.Infrastructure ul li img, .Infrastructure ul li.view .mask{ width:140px; height:93px}
	.Infrastructure ul li.ILarge img, .Infrastructure ul li.ILarge .mask{width:290px; height:193px}
    .Infrastructure ul li.ISmall img, .Infrastructure ul li.ISmall .mask{width:140px; height:193px}
	.InnerContainer .section .view p{ font-size:11px}
.Infrastructure ul li.ILargeiPhone img, .Infrastructure ul li.ILargeiPhone .mask{ width:140px !important; height:93px !important}
.V-Left{ width:100%; margin:0}
.V-Right{ width:100%; margin:0}
.WebImg{ display:none}
.V-Left{ margin:0 0 15px 0}

/* Advertise with us page start */
.InnerContainer .AddBox section{ width:165px; height:165px}
.mask{ width:235px; height:235px}
.AddBox section:hover .mask{border:117px solid rgba(0, 0, 0, 0.5)}
/* Advertise with us page end */
}
@media (max-width:480px){
#polyglotLanguageSwitcher a{width:30px; text-indent:-999px; background-position:7px 0;}
#polyglotLanguageSwitcher ul.dropdown li{width:59px}
#polyglotLanguageSwitcher ul.dropdown{width:59px}
#polyglotLanguageSwitcher span.trigger{right:7px; top:5px}
.InnerContainer .NewsListing .section h2{ font-size:20px; line-height:24px}
.InnerContainer .NewsDetail .section h2{ font-size:28px; line-height:34px}
.Print table{ width:100%}
.sitemap-new ul.site-menu li {width:100%;float:left;text-align:left; margin:0 0 5px;}
.sitemap-new ul.site-menu li a{ width:auto}
.sitemap-new ul.site-menu{margin-bottom:10px}
.site-Left h1.PageTitle{margin:0 0 5px 7px }
.sitemap-new ul.site-menu .SubLinkTxt li{ width:85%; margin:0 0 10px}


/* before after page start*/
/*.BeforeAfterSlider .rsArrowRight{ right:2%; top:34%}
.BeforeAfterSlider .rsArrowLeft{ left:2%; top:34%}
.BeforeAfterSlider .rsABlock{ left:9%}*/
/* before after page end*/

/* before after page new design start */
.BeforeAfterSlider .rsArrowRight{ right:2%; top:34%}
.BeforeAfterSlider .rsArrowLeft{ left:2%; top:34%}
.BeforeAfterSlider .rsABlock{ left:9%}
/* before after page new design end */
.addmoreinvoice a{margin-bottom:0}
}
@media (max-width:479px){
.ClientLogoDiv li{ width:132px; margin:0 8px 16px}
.ClientLogoDiv .circuldiv{ border-width:8px;}
.ClientImgDiv,.ClientImg, .ClientLogoDiv .circuldiv{width:116px; height:116px}
.ClientImg img{ max-width:116px; max-height:116px}
.button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
	font-size:24px;}
.WeDo li, .WeAreBg .WeDo li{width:47%;}
.MidSize{ width:70%}
.Saw .button{ width:220px}
.ServicesList li{ width:100%; margin:0 0 20px 0; float:none}
.ServicesList li.Printing{ display:block}
.CmnyBtn .button{ width:70%; font-size:24px}
.ClientLogoDiv .circuldiv:hover .CLogoHover{ width:116px; height:116px; line-height:116px}
.FormLeft, .FormRight{ width:100%}
.FormBlock textarea{ width:96%}
.MoreList{ width:70%}
.InnerContainer .NewsDetail .section h2{ font-size:22px; line-height:28px}
.News-ch span{ font-size:14px}
.NewsListing .P-Left{ width:70%;}
.NewsList span{ text-align:left; margin-bottom:10px; width:100%}
.main-error-bg .GetTouch a i{ margin-bottom:10px}
.WorkSubCat li{ display:block}



/* before after page start*/
/*.BeforeAfterSlider .rsABlock{ left:42px; padding:5px 5px 2px}
.BeforeAfterSlider .rsABlock h4{ font-size:14px; line-height:14px;}
.BeforeAfterSlider .rsArrowRight{ right:6%; top:31%}
.BeforeAfterSlider .rsArrowLeft{ left:6%; top:31%}
.FacebookShare,.Tweeter,.GooglePlus,.Printerest{ margin-bottom:5px}*/
/*  before after page end */

/* before after page new design start */
.BeforeAfterSlider .rsABlock{ left:42px; padding:5px 5px 2px}
.BeforeAfterSlider .rsABlock h4{ font-size:14px; line-height:14px;}
.BeforeAfterSlider .rsArrowRight{ right:6%; top:31%}
.BeforeAfterSlider .rsArrowLeft{ left:6%; top:31%}
.FacebookShare,.Tweeter,.GooglePlus,.Printerest{ margin-bottom:5px}

.MakeOverSlider .button{ font-size:19px}
.B-List{ padding:20px 0}

.MakeDetailiPhone .B-Form input{ width:95%}
/* before after page new design end */

/* Advertise with us page start */
.InnerContainer .AddBox section,.InnerContainer .AddBox section.Third{ margin:10px 0}
.AddBox .step-arrow {left: 70%;top: 31%;
-webkit-transform:rotate(98deg);
-moz-transform:rotate(98deg);
o-transform:rotate(98deg);
-ms-transform:rotate(98deg);
transform:rotate(98deg);
z-index: 10;
}

.AddBox .step-arrow.Second {
    left: 1%;
    top: 64%;
	-webkit-transform:rotateX(188deg) rotateY(19deg) rotateZ(-77deg);
-moz-transform:rotateX(188deg) rotateY(19deg) rotateZ(-77deg);
o-transform:rotateX(188deg) rotateY(19deg) rotateZ(-77deg);
-ms-transform:rotateX(188deg) rotateY(19deg) rotateZ(-77deg);
transform:rotateX(188deg) rotateY(19deg) rotateZ(-77deg);

}
/* Advertise with us page end */
}

/* Add by Piyush Patel - Start */
.Print1 table{ width:100%; margin-bottom:15px}
.Print1 table th{ background:#7BB3D9; color:#fff }
.Print1 table td{  color:#444}
.Print1 table th, .Print1 table td{ padding:7px 10px; border:solid 1px #7BB3D9;}
/* Add by Piyush Patel - End */

 @media only screen and (max-width: 480px) {
    .flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
    .flip-scroll * html .cf { zoom: 1; }
    .flip-scroll *:first-child+html .cf { zoom: 1; }
    .flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }

    .flip-scroll th,
    .flip-scroll td { margin: 0; vertical-align: top; }
    .flip-scroll th { text-align: left; }
    .flip-scroll table { display: block; position: relative; width: 100%; }
    .flip-scroll thead { display: block; float: left; }
    .flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: normal; }
    .flip-scroll thead tr { display: block; }
    .flip-scroll th { display: block; text-align: left; }
    .flip-scroll tbody tr { /*display: inline-block;*/ vertical-align: top; }
    .flip-scroll td { display: block; min-height: 1.25em; text-align: left; }


    /* sort out borders */

    .flip-scroll th { border-bottom: 0; border-left: 0; }
    .flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
    .flip-scroll tbody tr { border-left: 1px solid #babcbf; display:block}
    .flip-scroll th:last-child,
    .flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
    }

    .NewsDetail h4{color:#108CF4; font-size:22px; line-height:26px}

    .spacer26{height:26px;clear:both}

    #frmdomreg label{color: #000000;}
    #frmwebtrans label{color: #000000;}
    #seoform label{color: #000000;}
    #ccauthorization label{color: #000000;}