
html, body, div, span, object, iframe,  h1, h2, h3, h4, h5, h6, p, abbr, address, img, strong, ol, ul, li,  form, label, table, article, aside, canvas, footer, header, hgroup, nav, section, audio, video {padding:0; margin:0; border:0; outline:0; font-size:100%;}
body {background:#fff;font-family:'open sans', Arial, Helvetica, sans-serif;font-size:16px;color:#616161; padding:0;}
h1, h2, h3, h4 {font-family:'open sans', Arial, Helvetica, sans-serif;color:#2f2f2f; font-weight:bold; margin:0; margin-bottom:10px;}
h1 { font-size:30px;}
h2 { font-size:20px;}
h3 { font-size:18px;}
h4 { font-size:14px;}
a { text-decoration:none; color:#0062a2;}
li { list-style:none;}
p { line-height:26px; margin-bottom:20px;}
img { max-width:100%;}
header {width:100%; padding:20px 0; position:fixed; top:0; left:0; width:100%; z-index:9999; -moz-transition:background 2s;-o-transition:background 2s; -webkit-transition: background 2s; /* For Safari 3.1 to 6.0 */ transition: background 2s;}
.Header1 { background:#0062a2;-moz-transition:background 2s;-o-transition:background 2s; -webkit-transition: background 2s; /* For Safari 3.1 to 6.0 */ transition: background 2s;}
article { padding:20px 0 0 0; overflow:hidden;}
img { max-width:100%;}
#Logo { width:234px; float:left;}
.Nav { min-width:100px; padding-top:10px; float:right;}
.Nav li {float:left; margin-right:2px;}
.Nav li:last-child { margin:0;}
.Nav li a {color:#fff;text-transform: uppercase; font-family:open sans; font-size:14px;text-decoration: none;display:block; display:block; padding:8px 20px;border:1px solid transparent;}
.Header1 .Nav li a { color:#fff; border:1px solid transparent;}
.Nav > li a.Current, .Nav > li a:hover {color:#0062a2; border:1px solid #0062a2; border-radius:5px;}
.Header1 .Nav li a.Current {color:#fff; border-color:#fff;}
.MenuBtn { display:none; float:right; width:40px; height:40px;background:url(../images/Res_MenuBtn.png) center center no-repeat;cursor:pointer;}

.Nav .MainMenu > li {float:left;margin-right:20px; height:40px;}
.Nav .MainMenu > li:last-child { margin:0;}
.Nav .MainMenu > li a {color:#a0b1c2;text-transform: uppercase; font-size:13px;text-decoration: none;display:block; display:block; padding:5px 10px; font-weight:600;}

.Nav .MainMenu li a:hover, .Header1 .Nav .MainMenu li a:hover {color:#fff;}
.Nav .MainMenu li a.Current  {color:#fff; border:1px solid #fff; border-radius:5px}


.Nav li.Active_Nav { position:relative;}
.Nav li ul { display:none;}
.Nav li ul.ActiveLink_Nav { position:absolute; top:35px;  z-index:9999; border:1px solid #00558d;border-radius:5px;}
.Nav li ul.ActiveLink_Nav li { float:none; display:block; margin:0;}
.Nav li ul.ActiveLink_Nav li a {white-space: nowrap; min-width:150px; border:none; border-bottom:1px solid #00558d; color:#fff; display:block; padding:8px 10px; background:#014876;text-transform:none; margin:0;}
.Nav li ul.ActiveLink_Nav li:first-child a {border-radius:5px 5px 0 0;}
.Nav li ul.ActiveLink_Nav li:last-child a { border-radius:0 0 5px 5px;}
.Nav li ul.ActiveLink_Nav li a:hover { background:#00558d;}
/*.Nav .MainMenu > li.DropMenu > a { background:url(../images/DropMenu_Icon.png) 95% center no-repeat; padding-right:20px;}*/
.Header1 #Logo {padding-top:6px;}
.Header1 .Nav { padding-top:15px;}
.Header1 .Nav .MainMenu li a { color:#fff;}
.Header1 .Nav .MainMenu > li.DropMenu > a { background:url(../images/H1_DropMenu_Icon.png) 95% center no-repeat;}
.Header1 .Nav .MainMenu > li.DropMenu > a:hover, .Header1 .Nav .MainMenu > li.DropMenu > a.Current { color:#fff;}



.Container {width:1140px; margin:0 auto; padding:0;}
.Grid, .Column, .Column1, .Column2, .Column3, .Column4, .Column5, .Column6, .Column7 {float:left; margin:0 10px;}
.Grid {width:1120px; margin:0 10px;}
.Column {width:860px;}
.Column1 {width:220px;}
.Column2 {width:400px;}
.Column3 {width:280px;}
.Column4 {width:800px;}
.Column5 {width:300px;}
.Column6 {width:360px;}
.Column7 {width:740px;}

#Banner {width:100%; overflow:hidden;}
#Banner img { width:100%;}
.clear {padding:0 !important; margin:0 !important; line-height:0 !important; clear:both !important;}
.LGray { background:#f8f8f8;}
.Padding_Pan { padding:30px 0;}
.About_Grid h2 { font-size:20px; color:#2f2f2f; font-weight:normal;}
.About_Grid a { color:#ffb400;}
a.A_Btn { border:1px solid #0062a2; border-radius:10px; color:#0062a2; display:block; font-size:29px; text-transform:uppercase; padding:15px 20px; background:url(../images/Nxt_arrow.png) 90% center no-repeat; }
a.A_Btn:hover { border-color:#ffb400;background:url(../images/Nxt_arrow1.png) 90% center no-repeat; color:#ffb400;}

.Services_Col { padding:20px 0; border-bottom:1px solid #f1f1f1;}
.Services_Col .Img_Col { width:278px; padding-right:40px; float:left; border-right:1px solid #f1f1f1; position:relative;}
.Services_Col .Img_Col .Img_Col_Arrow { background:url(../images/Img_Col_Arrow.png) 0 center; width:20px; height:40px; position:absolute; top:100px; right:-1px;}
.Services_Col .Services_Info_Col { width:760px; float:right}
.Services_Col h2 { font-size:40px; font-weight:normal;}
a.MoreBtn { border:1px solid #0062a2; padding:10px 20px; color:#0062a2; display:inline-block; text-transform:uppercase;}
a.MoreBtn:hover { border-color:#ffb400;color:#ffb400;}
.Services_Col1 .Img_Col { padding-left:40px; padding-right:0; float:right; border-left:1px solid #f1f1f1; border-right:none; position:relative;}
.Services_Col1 .Img_Col .Img_Col_Arrow { position:absolute; background:url(../images/Img_Col_Arrow1.png) 0 center; width:20px; height:40px; top:100px; left:-1px;}
.Services_Col1 .Services_Info_Col {float:left}

.Portfolio_Grid { text-align:center; background:url(../images/Portfolio_Bg.jpg) center center no-repeat; background-size:cover;}
.Portfolio_Grid h2 { font-size:50px; font-weight:bold; border-bottom:2px solid #ffb400; display:inline-block; padding:0 20px 20px; margin-bottom:20px; color:#fff;}
.Portfolio_Grid h2 a { color:#fff;}
.Portfolio_Col {width:264px; margin:0 10px; border-radius:5px; box-shadow:0 0 5px #000; background:#fff; overflow:hidden;}
.Tag_Col { padding:10px 20px 15px 20px; color:#0062a2; font-size:14px; text-align:left; min-height:40px;}


.Logo_Grid { padding:20px 0; text-align:center;}
.Logo_Grid h2 { font-size:30px; color:#515151; display:inline-block; border-bottom:2px solid #d7d7d7; padding:0 20px 10px 20px; margin-bottom:10px;}
.Logo_div { display:inline-block; max-width:100%;}
.Logo_div li { float:left;border:1px solid #e1e1e1; padding:10px 20px;}

.RQ_Form_Grid h2 { font-size:30px; font-weight:normal; text-align:center; margin-bottom:20px;}
.RQ_Form_Grid input[type="text"], .RQ_Form_Grid input[type="email"], .RQ_Form_Grid input[type="tel"] {width:91.6%; padding:10px 4%; background:#fff; color:#a3a3a3; font-size:15px; border:1px solid #e1e1e1;}
.RQ_Form_Grid input[type="submit"] { background:#ffb400; color:#fff; text-transform:uppercase; font-size:16px; padding:10px 20px; border:none; margin:0 auto; width:auto; display:block; cursor:pointer;}
.RQ_Form_Grid textarea {width:95.6%; padding:10px 2%; background:#fff; color:#a3a3a3; font-size:15px; border:1px solid #e1e1e1;}
.RQ_Form_Grid select {width:100%; padding:10px 2%; background:#fff; color:#a3a3a3; font-size:15px; border:1px solid #e1e1e1;}
.Form_Col { width:780px; margin:0 auto;}
.Input_Col { width:240px; float:left; margin:0 10px 20px 10px;}
.Input_Col1 { width:500px;}
.Input_Col2 { width:760px;}


.Contact_Form_Col .Input_Col, .Contact_Form_Col .Input_Col1 { width:48%; margin:0 0 20px 0;}
.Contact_Form_Col .Input_Col2 { width:100%;}
.Contact_Form_Col input[type="submit"] { margin:0;}


.Social_Pan { padding:20px 0; margin-bottom:10px;}
.Social_Pan h2 {padding:5px 20px 5px 0; margin:0 20px 0 0; color:#fff; border-right:1px solid #0062a2;}
.Social_Pan a { background:url(../images/Social_Sprite.png) center center no-repeat; display:inline-block; width:32px; height:32px; margin-right:10px; text-indent:-9999px;  border: 2px solid #fff;border-radius: 100%;}
.Social_Pan a.Fb { background-position:0 0;}
.Social_Pan a.LIn { background-position:0 -32px;}
.Social_Pan a.Twitt { background-position:0 -64px;}
.Social_Pan a.Gplus { background-position:0 -96px;}

footer { background:#0062a2; padding:30px 0 0 0; color:#fff; font-size:14px;}
footer a { color:#fff;}
footer h2 { font-size:24px; font-weight:normal; margin-bottom:15px; color:#fff;}
footer li { border-bottom:1px solid #1b81c3; line-height:22px; padding:5px 0;}
footer li:last-child { border:none;}
.Subscribe_Col input[type="text"] { background:#fff; border:1px solid #e0e0e0; border-radius:3px 0 0 3px; padding:10px 15px; color:#9d9d9d; float:left; width:200px;}
.Subscribe_Col input[type="submit"] { background:#eb5858; border:1px solid #eb5858; border-radius:0 3px 3px 0; padding:9px 15px; color:#fff;float:left; text-transform:uppercase; font-weight:bold; cursor:pointer;}
.Contact_Col { padding:0 50px;}
.Contact_Col li { padding:12px 0;}
.Ftr_col { padding-right:40px;}
.Ftr_Bott_Grid {background:#004f83;padding:15px 0; margin-top:20px;}
.Left_Col, .Right_Col { max-width:50%; float:right; display:inline-block;}
.Left_Col { float:left;}
.Ftr_Bott_Grid p { margin:0; font-size:12px; line-height:12px;}
.Ftr_Bott_Grid li { float:left; border:none; border-right:1px solid #eb5858; line-height:12px; padding:0 12px 0 0; margin-right:12px;}
.Ftr_Bott_Grid li:last-child { border:none; margin-right:0; padding-right:0;}
.Ftr_Bott_Grid li a { font-size:12px;}
.wow { visibility:hidden;}
.MainInfo { padding:20px; border:1px solid #e1e1e1; margin-bottom:20px;}
.Left { float:left;}
.Right { float:right;}
.Services_In_Col { border:1px solid #e1e1e1; padding:20px; text-align:center; margin-bottom:20px;}
.SideBar { border-right:1px solid #e1e1e1; padding-right:40px; margin-right:20px;}
.SideBar li { border-bottom:1px solid #e1e1e1; padding-bottom:20px; margin-bottom:20px;}
.SideBar a { color:#515151;}
.SideBar a:hover, .SideBar a.Active { color:#0062a2;}
.SideBar a.Active {font-weight:bold;}
.Service_Grid { margin-bottom:20px;}
.Service_Grid .Service_Img { width:100px; float:left; padding-top:10px;}
.Service_Grid .Service_Info { width:678px; float:right;}
.Service_Grid .Service_Info h2 { font-size:30px;}
.InShadow { box-shadow:inset 0 0 1px #cdcdcd;}
.OutShadow { box-shadow:0 0 5px #cdcdcd;}
.Padding_Col { padding:20px;}
.Content ul { margin-bottom:20px;}
.Content li { list-style:disc; line-height:24px; margin-left:15px; margin-bottom:10px;}

.Portfolio_Pan { padding:20px; margin-bottom:20px;}
.Portfolio_Pan .ImgScreen { width:380px;}
.Portfolio_Pan .Pro_Info { width:360px; margin-right:20px;}

.Map_Grid { padding-top:20px; width:100%; height:300px;}
.Map_Grid img, .Map_Grid iframe { width:100%; height:100%;}

.Address_Col h2 { color:#0062a2;}
.Address { background:url(../images/Address1.png) 0 5px no-repeat; padding-left:35px;}
.Email { background:url(../images/Email1.png) 0 5px no-repeat; padding-left:35px;}
.Phone { background:url(../images/Phone1.png) 0 0 no-repeat; padding-left:35px;}
.Skype { background:url(../images/Skype1.png) 0 0 no-repeat; padding-left:35px;}
.JobEmail { background:url(../images/Email_Icon1.png) 0 0 no-repeat; padding-left:35px;}

.Address_Col .Skype { background:url(../images/Skype.png) 0 0 no-repeat; padding-left:35px;}
.Address_Col .JobEmail { background:url(../images/Email_Icon.png) 0 0 no-repeat; padding-left:35px;}
.Address_Col .Address { background:url(../images/Address.png) 0 5px no-repeat; padding-left:35px;}
.Address_Col .Email { background:url(../images/Email.png) 0 5px no-repeat; padding-left:35px;}
.Address_Col .Phone { background:url(../images/Phone.png) 0 0 no-repeat; padding-left:35px;}
.NewsLetter { position:relative;}
.NewsLetter input[type="text"], .NewsLetter input[type="email"] { background:#fff; border:none; padding:10px 2%; border-radius:3px 0 0 3px; line-height:20px; color:#717171; width:92%;}
.NewsLetter input[type="submit"] { border-radius:0 3px 3px 0; background:#ffb400;line-height:20px; border:none; padding:9px 15px; color:#fff; position:absolute; right:0; top:0; z-index:1; font-size:16px; font-weight:bold;}

.ServicesArea { text-align:center; border:1px solid #e1e1e1; padding:20px; margin-bottom:20px;}
.ServicesArea h2 { padding-top:20px; font-size:18px;}
.ServicesArea_List { margin-bottom:20px;}
.ServicesArea_List li { list-style:none;  border: 1px solid #e1e1e1; color:#0062a2;float:left;margin: 0 1% 10px 0;padding: 10px 2%;width:44%; }
.Txt_Smal { font-size:12px;}

.Portfolio_Col .Img_Col { height:250px;}
.Portfolio_Col .Img_Col img { height:100%; width:100%;}

.Tech_Icon { padding:20px 0 0 0; text-align:center;}

.Work_With_Us { background:url(../images/Handshake.png) 20px center no-repeat #0773b9; border:1px solid #1f8bd1; border-radius:5px; padding:20px 20px 20px 120px;}
.Work_With_Us h2, .Work_With_Us p { margin-bottom:0;}
.Work_With_Us a {color:#fff;}

.Portfolio_Info, .tags-links { position:absolute;  left:0;}
.Portfolio_Info {top:100%;width:88.1%; padding:20px 6%; height:100%;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;transition: all .3s ease-out; background:rgba(0,0,0, 0.8);text-align:center;}
.Portfolio_Info h2 { margin-bottom:20px; color:#ffb400; font-size:30px;}
.Portfolio_Info p {font-size:20px; line-height:34px; color:#fff;}
.Portfolio_Info a.VisitWeb { display:inline-block; padding:10px 15px; border-radius:3px; font-size:14px; font-weight:bold; background:#ffb400;color:#fff;}
.tags-links {background:#f8f8f8;-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;bottom:0;width:90%; padding:10px 5%;}
.tags-links p { font-size:12px; margin:0;color:#0062a2;}
.PortFolio_Active .Portfolio_Info {top:0;}
.PortFolio_Active .tags-links {background:#0062a2;}
.PortFolio_Active .tags-links p {color:#fff;}