@charset "utf-8";

/* CSS Document */
/* 
font-family: 'Raleway', sans-serif;
-webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;
*/



body{font-family: 'Raleway', sans-serif; font-size:0.875rem; color:#666; line-height:1.625rem;}
h1{}
h2{ color:#0073bb; font-weight:bold; font-size:1.5rem; margin:0; padding:0;}
h3{color:#0073bb; font-weight:bold; font-size:1.5rem; margin:0; padding:0;}

h2.Head, h3.Head{position:relative; margin-bottom:20px;}
h2.Head span, h3.Head span{background:#f08201; height:2px; width:60px; position: absolute; left:0; bottom:-5px;}
h2.Headcenter, h3.Headcenter{ text-align:center; position:relative; margin-bottom:50px;}
h2.Headcenter i, h3.Headcenter i{ color:#7f7f7f; font-size:0.875rem; display:block; margin:7px 0 0 0; font-weight:normal; font-style:normal;}
h2.Headcenter span, h3.Headcenter span{background:#f08201; height:2px; width:60px; margin:0 auto; position:absolute; left:0; right:0; bottom:-15px;}

a:hover{ text-decoration:none; }

a.Lnkbtn{ border:1px solid #d0d0d0; padding:0 10px; display:inline-block; font-size:12px; color:#0073bb; }
a.Lnkbtn:hover{ border:1px solid #f08201;}

a.Lnkbg{ background:#0f8fe0; font-size:12px; color:#fff; padding:0 10px; display:inline-block;}
a.Lnkbg:hover{ }

.Mtop70{ margin-top:30px;}
.Mtop60{ margin-top:60px;}
.Mtop50{ margin-top:50px;}
.Mtop40{ margin-top:40px;}
.Mtop30{ margin-top:30px;}
.Mtb30{ margin:30px 0;}

.P0{ padding-left:0 !important;}

img.ImgRight{ float:right; margin:0 0 0 30px;}

/* Header */
header{ font-family:Arial, Helvetica, sans-serif; color:#000; padding:10px 0;}
header span{ display:block; }
.Logo{ padding:10px 0;}
.Callus{ padding:9px 0; background:url(../img/seperator.jpg) no-repeat top right; font-size:12px;}
.Callus span{ background:url(../img/call-us.png) no-repeat 0 50%; padding:0 0 0 25px; font-weight:bold; color:#0b85cc;}
.Sociallnk{background:url(../img/seperator.jpg) no-repeat top right; padding:9px 0; font-size:11px;}
.Sociallnk a{ color:#000; font-size:16px; margin:0 5px;}
.Lsupport{ padding:12px 0; float:right;}
.Lsupport a{ padding:20px 0 0 0; display:inline-block; color:#333333; font-size:11px; margin:0 5px;}
.Lsupport a.Bloglnk{ background:url(../img/blog.png) no-repeat top center; margin-left:0;}
.Lsupport a.Sme{ background:url(../img/forum.png) no-repeat top center;}
.Lsupport a.Login{ background:url(../img/login.png) no-repeat top center;}
.Lsupport a.Support{ background:url(../img/support.png) no-repeat top center; margin-right:0;}

/* Nav */
nav{ background:url(../img/nav-bg.jpg) repeat-x top #fff; padding:12px 0;}
nav ul{ margin:0; padding:0; list-style:none;}
nav ul li{margin:0; padding:0; list-style:none; display:inline-block; background:url(../img/nav-seperator.jpg) no-repeat 0 50%;}
nav ul li:first-child{ background:none;}
nav ul li:first-child a{ padding-left:0; font-size:20px; color:#f08201;}
nav ul li a{ color:#171616; display:block; padding:10px 11px;}
nav ul li a.Active{ color:#006eba;}
av ul li.Request{ float:right; }
nav ul li.Request a{ background:#f08201; color:#fff; font-weight:bold; padding:5px 10px; margin:5px 0 0 0;}


nav ul li.BorderNav{ background:none; }
nav ul li.BorderNav a{ border:1px solid #ccc; padding:4px; margin:0 0 0 13px; }

/* Head Intro */
.Headintro{ background:url(../img/header-bg.jpg) no-repeat top center #057cc7; padding:28px 0;}
.Headintro p{ font-size:26px; color:#fff; margin:0;}
.Headintro p span{ display:block; font-size:14px; margin:20px 0 0 0;}

/* Mid Body */
.Midsection{ padding:30px 0;}
.Article p{ text-align:justify; }

/* Offer */
.Offer{ background:#e5e5e5; font-size:1rem; color:#000; padding:15px 0 15px 50px; font-weight:bold;}
.Offer span{background:url(../img/seperator1.png) no-repeat 0 0;  font-size:1.25rem; padding:19px 70px;}
.Offer span a{color:#f06101;}

/* Latest News */
.Lnews{}
.Lnews ul{ margin:0; padding:0; list-style:none;}
.Lnews ul li{margin:29px 0 0 0; padding:0; list-style:none; line-height:1rem; overflow:hidden; font-size:0.75rem;}
.Lnews ul li:first-child{ margin-top:5px;}
.Lnews ul li span{ background:#26a6e2; text-align:center; color:#fff; display:inline-block; padding:9px; padding-bottom:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:1rem; font-size:1.55rem; float:left; margin:0 20px 0 0;}
.Lnews ul li span i{ display:block; font-style:normal; font-size:0.65rem;}
.Lnews ul li p{ padding:5px 0 0 0; margin:0;}
.Lnews ul li p a{ font-size:0.6875rem; color:#949494; display:inline-block; font-weight:normal; margin:8px 0 0 0; text-decoration:underline;}

/* What we Do */

.Whatwedo{}
.Whatwedo .Box{}
.Whatwedo .Box h3{ font-size:1.125rem; color:#595858; font-weight:normal; padding-bottom:1rem;}
.Whatwedo .Box h3 img{ margin:0 15px 0 0;}
.Whatwedo .Box p{ margin:0; padding:0; line-height:1.375rem; font-size:0.75rem;}
.Mservice{ background:#f5f5f5; text-align:center; color:#2c2c2c;}
.Mservice span{ display:block; margin:5px 0 0 0;}
.Mservice .Box{ padding:20px 0; background:url(../img/seperator1.jpg) no-repeat 0 0;}
.Mservice .None{ background:none; }
.Mservice .Listing{ padding:0 30px;}
.Mservice .Listing ul{ margin:0 0 30px 0; padding:10px; background:#fff;}
.Mservice .Listing ul li{ margin:0; padding:2px 10px; list-style:none; text-align:left;}
.Mservice .Listing ul li a{ color:#0073bb; font-size:13px;}

/* Greatfied Customers */
.Customer{ background:#f3f8ff; padding:30px 0 0 0;}
.Customer .Box{ margin:20px 0 0 0;}
.Customer ul{ margin:0; padding:0; list-style:none; display:flex;}
.Customer ul li{ margin:0; padding:25px 0 0 0; list-style:none; border-top:1px solid #d2dff2; border-left:1px solid #d2dff2; display:inline-block; width:25%; min-height:100px; text-align:center; vertical-align:middle;}
.Customer ul li:first-child{ border-left:none;}

/* Expert */
.Dexport{ background:#f5f5f5; padding:30px 0 20px 0;}
.Dexport ul{ margin:0 0 0 20px; padding:0; list-style:none}
.Dexport ul li{margin:0; padding:2px 0 2px 20px; list-style:none; font-weight:bold; background:url(../img/arrow.png) no-repeat 0 50%;}
.Dexport ul li a{ color:#666; }

/* Quic Contact */
.Qcontact{ background:#1c9ded;}
.Qcontact ul{ margin:0; padding:0; list-style:none;}
.Qcontact ul li{margin:30px 0 40px 0; padding:0; list-style:none; display:inline-block; color:#fff; width:32%; text-align:center; font-weight:bold; font-size:1rem; position:relative;}
.Qcontact ul li a, .Qcontact ul li a:hover{ color:#fff; text-decoration:none;}
.Qcontact ul li i{ margin:0 10px 0 0; color:#000;}
.Qcontact ul li:after{ position: absolute; top:45px; left:47%; font-family: FontAwesome; content: "\f0d8"; display: inline-block; padding-right: 3px; vertical-align: middle; font-size:50px; }
.Qcontact ul li.Requestq i{ background:url(../img/quote.png) no-repeat 0 0; width:16px; height:17px; display:inline-block;}

/* Blog Post */
.Blog{ background:url(../img/dashed.png) repeat-x bottom; padding-bottom:30px;}
.Blog .Box{ margin:0 0 20px 0;}
.Blog .Box img{ margin-top:12px;}
.Blog .Box h4{ margin:0; padding:0 0 15px 0; }
.Blog .Box h4 a{ color:#4e4e4e; font-size:0.6875rem; font-weight:bold;}
.Blog .Box h4 span{ font-weight:normal; display:block; font-size:0.6875rem;}
.Blog .Box p{ margin:0;}

/* Case Study */
.Cstudy{}
.Cstudy .Box{ margin:30px 0 0 0; position:relative;}
.Cstudy .Box .Img{ float:left;}
.Cstudy .Box .Info{ padding:0 0 0 120px; font-size:0.75rem; line-height:1.125rem;}
.Cstudy .Box .Info a{ color:#666;}

/* Ad */
.Ad{ background:#ffffff; padding:0px 0; }

/* Customer Feedback */
.Feedback{ background:#f5f5f5; margin:30px 0; padding-top:30px;}
.Feedback .Box{ text-align:center; padding:0 30px 50px 30px;  font-size:0.75rem; line-height:1.300rem;}
.Feedback .Box i{ font-size:30px; }
.Feedback .Box p{ margin:0; padding:30px 0; }
.Feedback .Box span{}
.Feedback .Box span b{ display:block;}


/* Customer Feedback New */
.Feedback1{ background:#f5f5f5; margin:30px 0; padding-top:30px; position:relative;}
.Feedback1:before{ content:''; display:block; position:absolute; width:50px; height:50px; background:url('../img/left-corner.png'); z-index:1; top:0; left:0;}
.Feedback1:after{ content:''; display:block; position:absolute; width:50px; height:50px; background:url('../img/right-corner.png'); z-index:1; bottom:0; right:0;}


.Feedback1 .Box{ text-align:center; padding:0 30px 50px 30px;  font-size:0.75rem; line-height:1.300rem;}
.Feedback1 .Box i{ font-size:110px; }
.Feedback1 .Box p{ margin:0 auto; padding:30px; position:relative; max-width:600px;}
.Feedback1 .Box p:before{ content:''; display:block; position:absolute; width:21px; height:55px; background:url('../img/left-quote.png'); z-index:1; top:0; left:0;}
.Feedback1 .Box p:after{ content:''; display:block; position:absolute; width:21px; height:55px; background:url('../img/right-quote.png'); z-index:1; top:0; right:0;}

.Feedback1 .Box span{}
.Feedback1 .Box span b{ display:block;}


.Feedback1 .carousel-indicators li{ background:#ccc;}
.Feedback1 .carousel-indicators .active{ background:#666;}

/* Footer Top */
.Ftop{ background:#262727; padding-bottom:40px;}
.Ftop .Fcontact{ border-bottom:1px solid #313232; padding:24px 0; font-weight:bold; font-size:16px; color:#bebfbf;}
.Ftop .Fcontact ul, .Ftop .Fcontact li{ margin:0; padding:0; list-style:none;}
.Ftop .Fcontact ul li{ display:inline-block; margin:0 50px 0 0;}
.Ftop .Fcontact ul li:last-child{ margin:0;}
.Ftop .Fcontact ul li i{ color:#d27303; margin:0 10px 0 0;}
.Ftop .Fcontact ul li.Flip i{ -ms-transform: rotate(40deg); /* IE 9 */ -webkit-transform: rotate(40deg); /* Chrome, Safari, Opera */ transform: rotate(40deg);}
.Ftop .Social{ float:right;}
.Ftop .Social i{ background:#7f8080; height:30px; width:30px; text-align:center; line-height:30px; margin:0 0 0 10px;}
.Ftop .Social i:before{ color:#000; }
.Ftop h4{ font-weight:bold; font-size:1.125rem; color:#fff; margin:40px 0 20px 0;}
.Ftop ul{ margin:0; padding:0; list-style:none;}
.Ftop ul li{ margin:0; padding:0; list-style:none; }
.Ftop ul li a, .Ftop .Newsletter p{ color:#b5b5b5; font-size:0.75rem;}
.Ftop .Newsletter{}
.Ftop .Newsletter input.form-control, .Ftop .Newsletter button.btn-primary{ background:#454a4d; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border:none; outline:none; float:left; width:70%; font-size:0.75rem;}
.Ftop .Newsletter button.btn-primary{ background:#ec6b31; cursor:pointer; width:30%;}

/* Footer */
footer{ padding:20px 0; text-align:center;}
footer, footer a{font-size:0.75rem; color:#5f5f5f;}
footer ul, footer ul li{ margin:0; padding:0; list-style:none;}
footer ul li{ display:inline-block; background:url(../img/seperator2.png) no-repeat 0 50%; padding:0 10px 0 20px;}
footer ul li:first-child{ background:none; padding-left:0; }
footer ul li a{}
footer p{ margin:20px 0 0 0; padding:0;}
footer p span.Seperator{ padding:0 20px; }

/*  -----------------------------------------------------------

Web Design Page

----------------------------------------------------------- */

/* Get a Free Quote */
.Freequote{}
.Freequote p{ font-size:0.75rem; line-height:1.25rem}

/* Focus On */
.Focuson{}
.Focuson .Box{ background:#e5e5e5; text-align:center; color:#272727; font-weight:bold; font-size:1.375rem; padding:66px 0;}

/* Working Pattern */
.Workpattern{}
.Workpattern ul{ margin:0; padding:0; list-style:none;}
.Workpattern ul li{ float:left; width:20%; margin:0; padding:0; list-style:none; text-align:center; overflow:hidden;}
.Workpattern ul li div{ float:left; max-width:80px;}
.Workpattern ul li span{ background:#e8e8e8; width:80px; height:80px; display:inline-block; margin-bottom:10px; padding-top:25px;}

/* Packages */
.Packages .Box{ background:#f4f4f4; padding:2.5rem 0.9375rem; min-height:150px;}
.Packages .Box .Cost{ float:left; background:#282828; width:55px; height:55px; text-align:center; color:#fff; font-weight:bold; line-height:1rem; padding:10px 0 0 0;}
.Packages .Box .Info{ text-align:center;}
.Packages .Box .Info h4{ font-weight:bold; font-size:0.875rem; color:#464545; margin:0 0 1rem 0; padding:0;}
.Packages .Box .Info p{ font-size:0.75rem; line-height:1rem;}
.Packages .Btnlnk{ text-align:center;}
.Packages .Btnlnk a{ margin:1rem; color:#0073bb; font-size:0.875rem}

/* Included Features */
.Incfeatures { padding-bottom:30px;}
.Incfeatures h3{ text-align:center; position:relative; padding-bottom:20px; color:#5b5b5b;}
.Incfeatures h3 i{ font-style:normal; color:#0073bb;}
.Incfeatures h3 span{ color:#7f7f7f; font-size:0.875rem; display:block; font-weight:normal; margin:5px 0 0 0;}
.Incfeatures h3 span:after{background:#f08201; height:2px; width:60px; content: " "; position: absolute; top:60px; left:0; right:0; margin:0 auto;}
.Incfeatures .Box{ text-align:center;}
.Incfeatures .Box img{ margin:70px 0 35px 0;}
.Incfeatures .Box h2{ text-transform:uppercase; font-weight:bold; margin:0 0 5px 0; padding:0; color:#0073bb; font-size:0.875rem;}
.Incfeatures .Box p{ font-size:font-size:0.875rem; margin:0; padding:0;}

/*  -----------------------------------------------------------

Web Design Package Page

----------------------------------------------------------- */
.Webpackage{}
.Webpackage h2{ font-size:2rem; margin-bottom:2rem;}
.Webpackage table td{ padding:0.25rem 0.6875rem; border:1px solid #e1e1e1;}
.Webpackage table td strong{ font-size:0.80rem;}

.Webpackage table tr.Head th{ background:#f4f4f4; font-size:1.2rem; font-weight:bold; padding:0.6875rem; font-family:Arial, Helvetica, sans-serif;}

.Webpackage table tr.CostSetup td{ background:#f4f4f4; font-size:0.90rem; font-weight:bold; padding:0.6875rem; font-family:Arial, Helvetica, sans-serif;}
.Webpackage table tr.CostSetup td span{ color:#ea4934;}

.Webpackage table tr.CostMonthly td{ background:#e5e5e5; font-size:0.90rem; font-weight:bold; padding:0.6875rem; font-family:Arial, Helvetica, sans-serif;}
.Webpackage table tr.CostMonthly td span{ color:#ea4934;}


.Webpackage table tr.Cost td{ background:#f4f4f4; font-size:0.90rem; font-weight:bold; padding:0.6875rem; font-family:Arial, Helvetica, sans-serif;}
.Webpackage table tr.Cost td span{ color:#ea4934;}

.Webpackage a.Lnkbg{ font-size:18px; padding:5px 20px;}



/*  -----------------------------------------------------------

Blog Page

----------------------------------------------------------- */

.Blogpg{}
.Blogpg .Box{ margin:0 0 40px 0; position:relative; padding:0 0 0 120px;}
.Blogpg .Box img{ position:absolute; top:4px; left:0;}
.Blogpg .Box h4{ margin:0; padding:0 0 10px 0; line-height:16px; }
.Blogpg .Box h4 a{ color:#4e4e4e; font-size:0.9rem; font-weight:bold;}
.Blogpg .Box h4 span{ font-weight:normal; display:block; font-size:0.6875rem;}
.Blogpg .Box p{ margin:0; line-height:20px;}
.Blogpg h3.Headlfttxt{ padding:0 0 0 30px;}
.Blogpg h3.Headlfttxt span:after{ left:30px;}
.Blogpg .Box .Share{ font-size:12px; position:absolute; top:0; right:0; max-width: 50px; }
.Blogpg .Box .Share a{ color:#ccc; transition: all 0.3s ease 0s; }
.Blogpg .Box .Share a:hover{ color:#666;}


.Blogpg .Box:hover h4 a{ color:#0073bb;}
.Blogpg .Box:hover .Share a{ color:#000;}


.Blogpg .Sidebar h3.Headcenter{ text-align:left; padding-left:15px; margin-bottom:30px;}
.Blogpg .Sidebar h3.Headcenter span{ right:auto; left:15px;}



.Recentpost{}
.Recentpost ul{ margin:0; padding:0; list-style:none;}
.Recentpost ul li{margin:30px 0 0 0; padding:0; list-style:none; line-height:1rem; overflow:hidden; font-weight:bold; font-size:0.75rem;}
.Recentpost ul li:first-child{ margin-top:5px;}
.Recentpost ul li span{ background:#26a6e2; text-align:center; color:#fff; display:inline-block; padding:9px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:1rem; font-size:1.55rem; float:left; margin:0 20px 0 0;}
.Recentpost ul li span i{ display:block; font-style:normal; font-size:0.75rem;}
.Recentpost ul li p{ padding:10px 0 0 0; margin:0;}
.Recentpost ul li p a{ font-size:0.6875rem; color:#949494; display:inline-block; font-weight:normal;}

/* Pagination */
.Pagination{}
.Pagination a.page-link{ color:#666666;}

/*  -----------------------------------------------------------

Contact Us Page

----------------------------------------------------------- */
button:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus { border-color: rgba(5, 100, 160, 0.8); box-shadow: 0 1px 1px rgba(5, 100, 160, 0.075) inset, 0 0 8px rgba(5, 100, 160, 0.6);  outline: 0 none; }
.form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder{ color: #333333; }
.Formdiv input.form-control, .Formdiv textarea.form-control, .Formdiv select.form-control{ background:#f4f4f4; border:none; outline:none; font-size:0.75rem; padding-top:10px; padding-bottom:8px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color:#333333;}
.Formdiv button.Mybtn{ background:#057cc7; border:none; outline:none; font-size:0.75rem; color:#fff; border:none; outline:none; padding-top:10px; padding-bottom:9px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; cursor:pointer;}
.Contactform textarea.form-control{ height:90px;}
.Contactaddress p{ text-align:center; margin:80px 0 30px 0;}
.Contactaddress .Email{ overflow:hidden; border:1px solid #e5e5e5;}
.Contactaddress .Email ul{ margin:0; padding:0; list-style:none; display:flex;}
.Contactaddress .Email ul li{ margin:0; padding:20px; list-style:none; width:33%; display:inline-block; text-align:center; border-left:1px solid #e5e5e5;}
.Contactaddress .Email ul li:first-child{ border:none;}
.Contactaddress .Email ul li a{ font-weight:bold; }
.Location{ margin-top:2.75rem; text-align:center;}
.Location h3{ margin-bottom:1rem; color:#666666; font-size:1rem;}
.Location iframe{ border:1px solid #e5e5e5 !important; background:#fff; padding:10px !important;}

/*  -----------------------------------------------------------

Portfolio Page

----------------------------------------------------------- */

.Portfolio{}
.Portfolio .Box{ background:url(../img/dashed.png) repeat-x top; padding-top:50px; margin:50px 0 20px 0;}
.Portfolio .First{ background:none; padding:0; margin-top:20px;}
.Portfolio .Pic{ position:relative; border:1px solid #e5e3e3; padding:6px; background:#fff;}
.Portfolio .Pic img{ width:100%; }
.Portfolio .Pic a.Lnk{ position:absolute; left:0; bottom:0; color:#fff; background:#0f8fe0; padding:5px 10px; font-size:0.75rem; border-top:2px solid #fff; border-right:2px solid #fff;}
.Portfolio .Info{ margin:30px 0 0 0;}
.Portfolio .Info h3{ font-size:14px; color:#4e4e4e; margin:0 0 15px 0; padding:0;}
.Portfolio .Info h3 span a{ font-size:12px; color:#949494; font-weight:normal; display:block;}
.Portfolio .Info p{ font-size:12px; line-height:20px; margin:0; padding:0;}
.Portfolio .Info .Technology{ margin:15px 0 0 0;}
.Portfolio .Info .Technology img{ margin:0 25px 0 0;}
.Portfolio .Info .Technology img:nth-child(4) { margin:0;}

/*  -----------------------------------------------------------

Solution Page

----------------------------------------------------------- */

.Solution .Box{ background:#f3f8ff; padding:30px; overflow:hidden; margin:30px 0 0 0;}
.Solution .Box h3{ background:url(../img/seperator2.jpg) repeat-x bottom; padding-bottom:0.50rem; margin-bottom:1rem; font-size:1.25rem;}
.Solution .Box p{ text-align:justify;}
.Solution .Box p strong{ display:block;}
.Solution .Box ul{ margin:0; padding:0; list-style:none;}
.Solution .Box ul li{margin:3px 0; padding:0 0 0 25px; list-style:none; background:url(../img/arrow.png) no-repeat 0 7px; font-weight:bold; font-size:0.75rem}

.Solution .Even{}
.Solution .Even h3{ text-align:right;}
.Solution .Even p strong{ text-align:right; }
.Solution .Even a.Lnkbg{ float:right; }

/*  -----------------------------------------------------------

Service Page

----------------------------------------------------------- */

.Services{}
.Services .Box{margin:50px 0 0 0; overflow:hidden; max-width:540px; }
.Services .Box h3.Headcenter{ margin-bottom:70px; font-size:1.2rem;}
.Services .Box .Boxl{ background:#f4f4f4; padding:20px 20px 0 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.Services .Box .Boxl .Pic{ width:76px; margin:0 auto; position:relative; top:-55px;}
.Services .Box .Boxl p{ font-size:0.75rem; line-height:1.30rem; text-align:center; position:relative; top:-30px;}
.Services .Box .Boxr{ margin:100px auto 0 auto; width:110px; height:110px; background:#f4f4f4; font-weight:bold; text-align:center; padding-top:30px; position:relative; float:right;}
.Services .Box .Boxr strong{ font-family:Arial, Helvetica, sans-serif; color:#f08201; font-size:24px;}
.Services .Box .Boxr span.Linetop{ background: url(../img/line-top.png) no-repeat 0 0; position: absolute; top: -7px; left: -83px; width: 95px; height: 72px;}
.Services .Box .Boxr span.Linebtn{ background: url(../img/line-btn.png) no-repeat 0 0; position: absolute; bottom: -14px; left: -85px; width: 95px; height: 72px;}
.Services .Box a.Lnkbtn{ margin:20px auto 0 auto; display:block; width:100px;}


.Servicespg{}
.Servicespg .Boxl{ min-height:260px;}

.Servicesdeail ul.Listbg{ margin:0; padding:0; overflow:hidden;}
.Servicesdeail ul.Listbg li{ background:#F0F0F0; padding:15px 15px 15px 80px; margin:20px 0 0 0; list-style:none; position:relative; float:left; width:49%; min-height:160px;}
.Servicesdeail ul.Listbg li.Right{ float:right;}
.Servicesdeail ul.Listbg li b{ display:block; }
.Servicesdeail ul.Listbg li img{  position:absolute; left:5px; top:15px;}


.Midcontact{ background:#0073bb; padding:0 40px 40px 40px; margin:50px 0 30px 0;}
.Midcontact h2.Head{ font-size:30px; color:#ffb62a;}
.Midcontact .Discuss p, .Midcontact .Needhelp p{ font-size:20px; color:#fff;}


.Servicesdeail ul.Expert{ margin:0; padding:0; overflow:hidden;}
.Servicesdeail ul.Expert li{ background:url(../img/arrow-green.png) no-repeat 0 9px; margin:0; padding:0 0 0 20px; list-style:none; float:left; width:50%; }


/*  -----------------------------------------------------------

Support Centre Page

----------------------------------------------------------- */

.Support{}
.Support .Box{ margin:50px 0 20px 0; border:1px solid #e5e5e5; padding:20px 20px 20px 100px;}
.Support .Box p strong{ display:block; text-transform:uppercase; font-size:1.2rem; font-weight:bold;}
.Support .Box a{ padding:5px 20px;}
.Support .Ticket{ background:url(../img/ticket.png) no-repeat 20px 20px;}
.Support .Chat{ background:url(../img/chat.png) no-repeat 20px 20px;}
.Support .Phone{ background:url(../img/phone.png) no-repeat 20px 20px;}

.Requestcall{ margin:0 auto;}
.Requestcall h3{ margin:30px 0 50px 0;}
.Requestcall button{ margin:0 auto; display:block; }
.Requestcall input.form-control{ padding-top:15px; padding-bottom:15px; text-align:center;}

/*  -----------------------------------------------------------

Feedback Page

----------------------------------------------------------- */
.Testimonials .Box{ margin:30px 0 0 0; background:url(../img/dashed.png) repeat-x top; padding:30px 0 0 0;}
.Testimonials .First{ background:none; padding:0;}
.Testimonials .Box .Pic{}
.Testimonials .Box .Pic img{ border:1px solid #e5e5e5; background:#fff; padding:5px;}
.Testimonials .Box p{ margin:0; padding:0 0 5px 0; }
.Testimonials .Box span{ font-weight:bold; font-size:0.80rem;}


/*  -----------------------------------------------------------

Case Study Page

----------------------------------------------------------- */

.Projectsteps{}
.Projectsteps h2{ margin:30px 0 20px 0}
.Projectsteps .col-md-6{ padding-left:30px; padding-right:30px;}


/*  -----------------------------------------------------------
Right Side Bar
----------------------------------------------------------- */
.Formdiv{}
.Formdiv .form-group{ position:relative;}
.Formdiv .form-group i{ position:absolute; left:10px; top:0; border-right:1px solid #d5e7f2; width:22px; height:36px;}
.Formdiv .form-group i:before{ margin:10px 0 0 0; display:inline-block;}


.Requestquote .Formdiv input.form-control, .Requestquote .Formdiv select.form-control{ padding-left:40px; height:36px;}

.Requestquote{ background:#e1f3ff; padding:15px;}
.Requestquote .Formdiv input.form-control, .Requestquote .Formdiv textarea.form-control, .Requestquote .Formdiv select.form-control{ background:#fff; border:none; outline:none; font-size:0.75rem; padding-top:10px; padding-bottom:8px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color:#3f3946 !important;}
.Requestquote .Formdiv select.form-control option{ color:#3f3946 !important;}
.Requestquote h2.Head{ color:#000;}
.Requestquote .Upload{ position:relative; height:60px;}
.Requestquote .Upload input{opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); margin:0; padding:0; }
.Requestquote .Upload .Uploadfile{ position:absolute; left:0; top:0; background:url(../img/upload.png) no-repeat 5px 50%; display:inline-block; cursor:pointer; }
.Requestquote .Upload span{ background:#8fd2ff; font-weight:bold; padding:7px 10px 7px 60px; color:#3e3e3e; display:inline-block; cursor:pointer;}


.Discuss, .Needhelp{ border:1px solid #e5e5e5; padding:15px; margin:40px 0 0 0;}
.Discuss p, .Needhelp p{ margin:0; padding:8px 0 10px 45px; color:#777; font-weight:bold; font-size:14px;}
.Discuss p{ background:url(../img/phone-icon.png) no-repeat 0 0;}
.Needhelp p{ background:url(../img/email.png) no-repeat 0 0; }

/*  -----------------------------------------------------------
Travel Holiday Page
----------------------------------------------------------- */
.Tholiday{}
.Tholiday ul.List{ margin:0; padding:0;}
.Tholiday ul.List li{ background:url(../img/yes1.png) no-repeat 0 5px; list-style:none; padding:8px 0 8px 40px; font-weight:bold;}

.Tholiday h3.Highlight{ background:#057cc7; color:#fff; padding:30px 15px; text-align:center; font-size:1.6rem; font-weight:bold; margin:30px 0 40px 0;}
.Tholiday h3.Highlight span{ display:block; font-size:14px; font-weight:normal; margin:5px 0 0 0;}
.Tholiday h3.Highlight a{ color:#FF0; font-weight:bold;}

.Tholiday ul.Listbg{ margin:0; padding:0; overflow:hidden;}
.Tholiday ul.Listbg li{ background:#F0F0F0; padding:15px 15px 15px 80px; margin:20px 0 0 0; list-style:none; position:relative; float:left; width:49%; min-height:100px;}
.Tholiday ul.Listbg li.Right{ float:right;}
.Tholiday ul.Listbg li b{ display:block; }
.Tholiday ul.Listbg li img{  position:absolute; left:5px; top:15px;}

.Tholiday h3.Highlight1{ background:#00385b; color:#fff; padding:50px 15px; text-align:center; font-size:1.6rem; font-weight:bold; margin:30px 0 0 0; border-left:4px solid #ffb62a; border-right:4px solid #ffb62a;}
.Tholiday h3.Highlight1 span{ display:block; font-size:14px; font-weight:normal; margin:5px 0 0 0;}



/* Tab Panel */
.Tabholder{}
.Tabholder ul{}
.Tabholder ul li a{ font-weight:bold; color:#676767;}
.Tabholder ul li a.active{ color:#0073bb !important; }
.Tabholder #myTabContent{ border:1px solid #ccc; border-top:none; padding:15px; margin-bottom:50px; }

.PlanPopup h5.modal-title{ font-weight:bold; font-size:20px; color:#0073bb;}
.PlanPopup .modal-header .close{ font-size:30px; cursor:pointer;}
.PlanPopup ul{ margin:0; padding:0;}
.PlanPopup ul li{ margin:0; padding:0 0 0 20px; list-style:none; text-align:left; font-size:12px; background:url(../img/arrow-green.png) no-repeat 0 8px;}
.PlanPopup a.Lnkbtn{ margin:1rem; color:#fff; background:#0073bb; font-size:0.875rem; border:none; padding:5px 20px;}

.Help{ background:#012135; padding:25px 0;}


.CallusHolder{ background:#00385b; color:#fff; padding:30px 15px; text-align:center; margin:50px 0 0 0;}
.CallusHolder p{ font-weight:bold; font-size:16px;}
.CallusHolder h3{ color:#FC0; font-size:36px;}
.CallusHolder h4{ padding:10px 30px 10px 40px; font-weight:bold; font-size:24px; margin:20px 0 0 0; color:#333; background:url(../img/call-us1.png) no-repeat 20px 50% #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; display:inline-block; font-family:Arial, Helvetica, sans-serif;}


/*  -----------------------------------------------------------
Ecommerce Page
----------------------------------------------------------- */
.Ecommercepg{}
.Ecommercepg h2.Highlight{ background:#057cc7; color:#fff; padding:15px; text-align:center; font-size:1.2rem; font-weight:bold;}

.Ecommercepg ul.Listbg{ margin:0; padding:0;}
.Ecommercepg ul.Listbg li{ background:#F0F0F0; margin:20px 0 0 0; list-style:none; padding:15px 15px 15px 80px; position:relative;}
.Ecommercepg ul.Listbg li.Right{}
.Ecommercepg ul.Listbg li b{ display:block; }
.Ecommercepg ul.Listbg li  img{ position:absolute; left:5px; top:15px;}

.Quotation{ margin:30px 0; }
.Quotation .AccordionHolder .Accordion-header{ background:#282828; border:none;}
.Quotation .AccordionHolder .Accordion-header a{ background:url(../img/up.png) no-repeat 98% 50%; color:orange; font-weight:bold; font-size:30px; display:block; padding:20px;}
.Quotation .AccordionHolder .Accordion-header a.collapsed{ background:url(../img/down.png) no-repeat 98% 50%;}
.Quotation .AccordionHolder .Accordion-header a span{ color:#fff;}
.Quotation .AccordionHolder .Accordion-header a:hover{ text-decoration:none; }
.Quotation .accordion-body{ border:1px solid #e5e5e5; border-top:none; padding:15px;}

.Ecommercepg .Fullwidth{ overflow:hidden;}
.Ecommercepg ul.Expert{ margin:0; padding:0; overflow:hidden;}
.Ecommercepg ul.Expert li{ background:url(../img/arrow-green.png) no-repeat 0 9px; margin:0; padding:0 0 0 20px; list-style:none; float:left; width:50%; }

.Ecommercepg .Feedback{ margin:50px 0 0 0;}



/* Plan Holder */
.Planouter h3.HeadCent{ font-size:40px; text-align:center; color:#333; margin:50px 0 30px 0;}
.Planouter{ margin:20px 0;}
.Planouter h3.Headtitle, h3.Headtitle{ color:#f08201; padding:0; text-align:center; font-size:2.6rem; font-weight:bold;}
.Plan {padding:20px; border:1px solid #ccc; }
.Plan .Boxouter{ padding:15px 0 0 0;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.Plan .Boxouter h3.Headcenter{-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.Plan .Box{ background:#f4f4f4; padding:2.5rem 0.9375rem; min-height:160px;}
.Plan .Box .Topinfo{ overflow:hidden; min-height:110px; }
.Plan .Box .Topinfo .Cost{ float:left; background:#282828; width:80px; height:80px; text-align:center; color:#fff; font-weight:bold;font-size:20px; line-height:1rem; padding:10px 0 0 0;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;  margin:0 10px 0 0;}
.Plan .Box .Topinfo .Cost i, .Plan .Box .Cost span{ font-style:normal; font-size:11px; font-weight:normal; display:block; }
.Plan .Box .Topinfo .Cost span{ margin:5px 0 0 0; }
.Plan .Box .Topinfo h4{ font-weight:bold; font-size:0.875rem; color:#464545; margin:0 0 10px 0; padding:0;}
.Plan .Box .Topinfo p{ font-size:0.75rem; line-height:1rem;}
.Plan .Box .Info ul{ margin:0; padding:0;}
.Plan .Box .Info ul li{ margin:0; padding:0 0 0 20px; list-style:none; text-align:left; font-size:12px; background:url(../img/arrow-green.png) no-repeat 0 8px;}
.Plan .Box .Info ul li.Viewall{ margin:0; padding:0; list-style:none; background:none;}
.Plan .Box .Info ul li.Viewall a{ color:#f08201; background:#fff; display:inline-block; padding:3px 10px; margin:10px 0 0 0; outline:none;}
.Plan .Btnlnk{ text-align:center;}
.Plan .Btnlnk a{ margin:1rem; color:#fff; background:#0073bb; font-size:0.875rem; border:none; padding:5px 20px;}

.Plan .Boxouter:hover{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.40); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.40); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.40);} 
.Plan .Boxouter:hover h3{ color:#f08201;}
.Plan .Boxouter:hover h3 span{ background:#0073bb; }
.Plan .Boxouter:hover .Cost{ background:#0073bb;}
.Plan .Boxouter:hover .Btnlnk a{ background:#f08201;}

.Tabholder .Plan{ border:none; padding:0;}


/* Signup Newsletter Mid Section */
.SignupNewsletter{background: url(../img/newsletter-bg.png) repeat-x top, url(../img/newsletter-bg.png) no-repeat, url(../img/newsletter-bg.png) repeat-x bottom; background-color:#2D2D2D; padding:50px 0; margin:70px 0;}
.SignupNewsletter h3{ color:#ffa200; text-align:center; margin:0; font-size:40px;}
.SignupNewsletter p{ text-align:center; font-size:14px; font-weight:normal; display:block; color:#fff; margin:0 0 20px 0;}
.SignupNewsletter .Holder{ overflow:hidden; padding:20px; border:1px dashed #666666; }
.SignupNewsletter .Holder .form-group{ margin:0; }
.SignupNewsletter input{ float:left; }
.SignupNewsletter input.form-control{ padding:0; width:82%; font-size:12px; height:50px; line-height:50px; text-align:center;}
.SignupNewsletter button.btn-primary{ padding:0; width:15%; height:50px; line-height:50px; margin:0 0 0 2%; }


/* Recent Projects */
.Recentproject{ padding:30px 0 0 0;}
.Recentproject h3{ background:url(../img/yes.png) no-repeat 0 0; padding:2px 0 2px 50px; color:green; display:block; font-size:2rem;}
.Recentproject .Holder{ margin:30px 0 0 0;}
.Recentproject .Holder .Pic{ position:relative;}
.Recentproject .Holder .Pic .Overlay{display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.Recentproject .Holder img{ border:1px solid #e5e5e5; padding:5px;}
.Recentproject .Holder .Info{}
.Recentproject .Holder .Info h4{ font-size:18px; font-weight:bold; margin:20px 0 10px 0;}
.Recentproject a.Lnkbtn{ padding:10px 20px; font-size:16px; opacity: 0; position: absolute; top: 0; left: 0; right: 0; max-width: 165px; margin: 0 auto; transition: all 0.3s ease 0s; background:#fff; color:#282828; border:none; }
.Recentproject .Holder:hover a.Lnkbtn{ text-decoration:none; opacity: 1; top: 40%; border:none;}
.Recentproject .Holder:hover .Pic .Overlay{background: rgba(0, 0, 0, 0.8); display: block;}
.Recentproject .Holder:hover h4{ color:#000; }

/*  -----------------------------------------------------------
SEO Page
----------------------------------------------------------- */
.Seopg{}
.Seopg ul.Listbg{ margin:0; padding:0; overflow:hidden;}
.Seopg ul.Listbg li{ background:#F0F0F0; padding:15px 15px 15px 80px; margin:20px 0 0 0; list-style:none; position:relative; float:left; width:49%; min-height:160px;}
.Seopg ul.Listbg li.Right{ float:right;}
.Seopg ul.Listbg li b{ display:block; }
.Seopg ul.Listbg li img{  position:absolute; left:5px; top:15px;}
.Seopg ul.Expert{ margin:10px 0 0 0; padding:0; overflow:hidden;}
.Seopg ul.Expert li{ background:url(../img/arrow-green.png) no-repeat 0 9px; margin:10px 0; padding:0 0 0 20px; list-style:none; }
.Seopg .Pic{ text-align:center;}


/*  -----------------------------------------------------------
Products Page
----------------------------------------------------------- */
.Products{}
.Products .Features{}
.Products .Features span{ background:url(../img/feature-yes.png) no-repeat 10px 6px #0073bb; font-size:16px; font-weight:bold; color:#fff; display:block; margin:15px 0 0 0; padding:15px 15px 15px 60px; }


.Productfilter{ margin:0 0 50px 0;}
.Productfilter .Lcol{ background:#ebebeb;}
.Productfilter .Lcol .nav-pills a{ font-weight:bold; color:#3e6176; margin:1px 0; font-size:13px; background:url(../img/seperator3.jpg) repeat-x bottom;}
.Productfilter .Lcol .nav-pills .nav-link.active, .nav-pills .show>.nav-link{ background:#0073bb; color:#fff;}
.Productfilter .Lcol .nav-pills a:hover{ background:#007ecc; color:#fff; }

.Productfilter .nav-link{ float:left !important; display:inline-block !important; }


.Productfilter .Rcol{}
.Productfilter .Rcol .Box{ margin-bottom:50px; border-bottom:1px dashed #ddd; padding:0 0 50px 0; min-height:415px;}
.Productfilter .Rcol .Box h2{ font-size:18px; border-left:2px solid #C60; padding:0 0 0 10px; margin-bottom:10px;}
.Productfilter .Rcol .Box .Holder1{ overflow:hidden;}


.Productfilter .Rcol .Box .Holder1 .Cost{ padding:10px; background:#f2f2f2; font-size:16px; text-align:left; margin:5px 0 15px 0; font-weight:bold; overflow:hidden;}
.Productfilter .Rcol .Box .Holder1 .Cost span{ color:#666; font-family:Arial, Helvetica, sans-serif; display:block; overflow:hidden; float:left;}
.Productfilter .Rcol .Box .Holder1 .Cost span span{ padding:0; font-style:normal; display:block; float:none;}
.Productfilter .Rcol .Box .Holder1 .Cost span span b{font-size:24px; color:#f08201;}
.Productfilter .Rcol .Box .Holder1 .Cost span span i{ font-style:normal; font-size:14px; color:#333;}

.Productfilter .Rcol .Box .Holder1 .Cost a{ float:right; background:#595959; padding:2px 10px; display:block; color:#fff; font-weight:normal; font-size:12px; margin:13px 0 0 0; border-radius:5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
.Productfilter .Rcol .Box .Holder1 .Cost a:hover{ background:#373737;}

.Productfilter .Rcol .Box .Holder1 .Info{}
.Productfilter .Rcol .Box .Holder1 .Info ul{ margin:0; padding:0;}
.Productfilter .Rcol .Box .Holder1 .Info ul li{margin:0; padding:2px 0; list-style:none; font-size:12px;}
.Productfilter .Rcol .Box .Holder1 .Info ul li span{ /*display:inline-block; width:100px;*/ font-weight:bold;}

.Productfilter .Rcol .Box .Btnholder{ margin:15px 0 0 0; }
.Productfilter .Rcol .Box .Btnholder a{ border:1px solid #ccc; padding:5px; display:inline-block; margin:5px 5px 0 0; color:#2d9bdf; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; font-size:14px; text-align:center;}
.Productfilter .Rcol .Box .Btnholder a:hover{ background:#2d9bdf; border:1px solid #2d9bdf; color:#fff;}


/*  -----------------------------------------------------------
Login Form Page
----------------------------------------------------------- */
.Loginform{}
.Loginform .input-group{ margin:0 0 30px 0;}
.Loginform button.btn-primary{ padding:5px 30px; }
.Loginform h5{ color:#007bff; font-weight:bold;}
.Loginform .modal-header .close{ font-size:20px; cursor:pointer; }
.Loginform input.form-control{ font-size:12px; padding:10px;}


/*  -----------------------------------------------------------
Website Design Startup Package Page
----------------------------------------------------------- */
.WebDesignStartup{}
.WebDesignStartup .Holder{ padding:0; margin-bottom:70px;}
.WebDesignStartup .Holder .Box{ background:#00385b; padding:35px 15px 15px 15px; margin:30px 0 0 0; min-height:170px; text-align:center; position:relative; }
.WebDesignStartup .Holder .Box:before{ background:url(../img/yes.png) no-repeat 0 0; height:41px; width:41px; position:absolute; top:-20px; left:0; right:0; margin:0 auto; content:""; display:block;}

.WebDesignStartup .Holder p{ color:#fff;  margin:0; padding:0; color:#60b1e3; line-height:22px; }
.WebDesignStartup .Holder p b{ color:#fff; font-size:20px; display:inline-block; margin:0 0 10px 0;}
.WebDesignStartup .Holder h2.Headcenter{ color:#f08201; font-size:30px; margin-bottom:15px;}

.Planinner{ margin:20px 0;}
.Planinner h3.Headtitle{ color:#f08201; padding:0; text-align:center; font-size:2.6rem; font-weight:bold;}
.Plan1 .Box{ background:#f4f4f4; padding:2.5rem 0.9375rem; min-height:160px;padding:20px; border:1px solid #ccc;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.Plan1 .Box .Cost{ background:#282828; border-bottom:6px solid #000; width:150px; height:150px; text-align:center; color:#fff; font-weight:bold;font-size:20px; line-height:1rem; padding:40px 0; margin:0 auto;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; margin-bottom:20px;}
.Plan1 .Box .Cost i, .Plan1 .Box .Cost span{ font-style:normal; font-size:11px; font-weight:normal; display:block; }
.Plan1 .Box .Cost span{ margin:5px 0 0 0; }
.Plan1 .Box .Btnlnk{ text-align:center;}
.Plan1 .Box .Btnlnk a{ margin:1rem; color:#fff; background:#0073bb; font-size:0.875rem; border:none; padding:5px 20px;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.Plan1 .Box:hover h3{ color:#f08201;}
.Plan1 .Box:hover .Cost{ background:#0073bb;}
.Plan1 .Box:hover .Btnlnk a{ background:#f08201;}

.Designprocess{ margin:70px 0 70px 0;}
.Designprocess ul { margin:0; padding:0; overflow:hidden;}
.Designprocess ul li {background:url(../img/line.jpg) repeat-x 0 50px; width:33%; float:left; padding:0 50px 0 0; margin:30px 0 0 0; list-style:none; vertical-align:top; text-align:center;}
.Designprocess ul li span{ display:inline-block; background:#0073bb; height:100px; width:100px; text-align:center; color:#fff; font-size:20px; padding:25px 0 0 0;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.Designprocess ul li span i{ color:#ffba00; font-style:normal; font-weight:bold; font-size:24px; font-family:Arial, Helvetica, sans-serif;}
.Designprocess ul li p{ margin:20px 0 0 0; padding:0; background:#F4F4F4; padding:10px; min-height:100px; line-height:18px; font-size:14px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; position:relative;}

.Designprocess ul li p b{ display:block; margin:0 0 5px 0; }
.Designprocess ul li:hover span{ background:#333;}

.Designprocess ul li p:before{ content: ""; position: absolute; height: 2px; bottom: 0; left: 0; right:0; background-color: #f08201; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s;   transition: all 0.3s ease-in-out 0s;}
.Designprocess ul li:hover p:before{ visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); }




/*  -----------------------------------------------------------
Hosting Page
----------------------------------------------------------- */
.Hosting{}
.Hosting h3.Highlight{ background:#057cc7; color:#fff; padding:30px 15px; text-align:center; font-size:1.6rem; font-weight:bold; margin:30px 0 40px 0;}
.Hosting h3.Highlight span{ display:block; font-size:14px; font-weight:normal; margin:5px 0 0 0;}
.Hosting h3.Headtitle{ font-size:36px; border-bottom:1px dotted #999; padding-bottom:20px;}
.Hosting h3.Headtitle span{ display:block; font-size:14px; font-weight:normal; color:#666;}
.Hosting table td{ padding:0.85rem 0.6875rem; border:1px solid #e1e1e1; text-align:center; font-size:16px;}
.Hosting table td strong{ font-size:0.80rem;}
.Hosting table tr th.Planheadbg{ background:#fff; border-right:1px solid #ccc; font-size:1.2rem; font-weight:bold; padding:0.6875rem; padding-top:0;} 
.Hosting table tr th.Title, .Hosting table tr td.Title{ width:130px; text-align:left; font-weight:bold; font-size:13px;}
.Hosting .Planhead{ text-align: center; padding:0 0 30px 0; height:260px;}
.Hosting .Planhead h4{ font-weight:bold; font-size:24px; color:#484848; background:#e5e5e5; text-shadow:1px 1px 0 #fff; padding:20px 0; margin-bottom:20px;}
.Hosting .Planhead span.Cost{ display:block; color: #f06c01; font-weight:bold; font-size:30px; font-family:Arial, Helvetica, sans-serif;}
.Hosting .Planhead span.Cost i{ font-size:12px; font-style:normal; color:#484848; }
.Hosting .Planhead span.Cost em{ font-size:20px; font-style:normal; font-weight:normal;}
.Hosting .Planhead p{ font-size:12px; line-height:16px; font-weight:normal; margin:20px 0; }
.Hosting  a.Lnkbg{ font-weight:normal; background:#4d4d4d; font-size:14px;}

.FeaturesHosting{ margin:50px 0 0 0;}
.FeaturesHosting h2{ background:#262727; color:#fff; padding:30px 20px; text-align:center; font-size:30px; position:relative;}
.FeaturesHosting h2 span{ font-size:12px; display:block; font-weight:normal;}
.FeaturesHosting h2 i{ position:absolute; left:0; right:0; bottom:-58px; color:#262727; font-size:100px;}

.FeaturesHosting .Box{margin:70px 0 0 0; overflow:hidden; max-width:540px; }
.FeaturesHosting .Box h3.Headcenter{ margin-bottom:70px; font-size:1.2rem;}
.FeaturesHosting .Box .Boxl{ background:#f4f4f4; padding:20px 20px 0 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.FeaturesHosting .Box .Boxl .Pic{ width:76px; margin:0 auto; position:relative; top:-55px;}
.FeaturesHosting .Box .Boxl p{ font-size:0.75rem; line-height:1.30rem; text-align:center; position:relative; top:-30px;}
.FeaturesHosting .Box .Boxr{ margin:100px auto 0 auto; width:110px; height:110px; background:#f4f4f4; font-weight:bold; text-align:center; padding-top:30px; position:relative; float:right;}
.FeaturesHosting .Box .Boxr strong{ font-family:Arial, Helvetica, sans-serif; color:#f08201; font-size:24px;}
.FeaturesHosting .Box .Boxr span.Linetop{ background: url(../img/line-top.png) no-repeat 0 0; position: absolute; top: -7px; left: -83px; width: 95px; height: 72px;}
.FeaturesHosting .Box .Boxr span.Linebtn{ background: url(../img/line-btn.png) no-repeat 0 0; position: absolute; bottom: -14px; left: -85px; width: 95px; height: 72px;}


/*  -----------------------------------------------------------
Request a Quote Page
----------------------------------------------------------- */
.Quotepage{ overflow:hidden;}
.Quotepage .Discuss{ float:left; width:49%;}
.Quotepage .Needhelp{ float:right; width:49%;}
.Quotepage .Formdiv button.Mybtn{ padding:10px 30px;}




/* Pop Up Scroll */
/*.bottomMenu{  display: none; position: fixed; bottom: 0; width: 100%; border-top: 1px solid #000; background: red; z-index: 1; padding:30px;}
.PopUpScroll h2{ padding-bottom:20px;}
.PopUpScroll h3{ background:#262727; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:16px; padding:15px; font-weight:bold;}
.PopUpScroll h3 span{ font-size:16px; color:#ff9c00;}

.PopUpScroll .Lcol{}
.PopUpScroll .Lcol p{ text-align:justify;}

.PopUpScroll .Rcol{}
.PopUpScroll .Rcol input.form-control, .PopUpScroll .Rcol textarea.form-control{ font-size:11px; padding:10px;}
*/

#SignUp { background-color: rgba(0, 0, 0, 0.8); display:none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; overflow: hidden; outline: 0; }
.Inside { background:#fff; max-width:700px; margin:20px auto 0 auto; padding:20px 20px 2px 20px; position:relative; }
.Inside .CloseBtn { position:absolute; top:-15px; right:-15px; background:#fff; padding:5px; border-radius:50%; }
.Inside h2{ font-size:20px; font-weight:bold; margin-bottom:15px;}

.Inside .Lcol h2{ color:#e8452c; font-size:40px; text-transform:uppercase; text-align:center;}
.Inside .Lcol h2 span{ color:#0068a8;}


.Inside input, .Inside textarea{ font-size:11px; }






.CallusBox{ background:#00385b; color:#fff; padding:30px 0; text-align:center; margin:50px -18px 0 -18px;}
.CallusBox p{ font-weight:bold; font-size:16px;}
.CallusBox h3{ color:#FC0; font-size:26px;}
.CallusBox h4{ padding:10px 30px 10px 40px; font-weight:bold; font-size:24px; margin:20px 0 0 0; color:#333; background:url(../img/call-us1.png) no-repeat 20px 50% #fff; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; display:inline-block; font-family:Arial, Helvetica, sans-serif;}


/* Home Our Works Section */
.OurWorksOuter{ border-bottom:2px solid #057cc7; }
 
.OurWorks,.OurWorks .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.OurWorks{display:none;width:100%;z-index:1}.OurWorks .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden; padding: 33px 0px 20px 0px;}.OurWorks .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.OurWorks .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.OurWorks .owl-item,.OurWorks .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.OurWorks .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.OurWorks .owl-item img{display:block;width:100%}.OurWorks .owl-dots.disabled,.OurWorks .owl-nav.disabled{display:none}

.no-js .OurWorks,.OurWorks.owl-loaded{display:block;position: relative;}.OurWorks .owl-dot,.OurWorks .owl-nav .owl-next,.OurWorks .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.OurWorks.owl-loading{opacity:0;display:block}.OurWorks.owl-hidden{opacity:0}.OurWorks.owl-refresh .owl-item{visibility:hidden}.OurWorks.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.OurWorks.owl-grab{cursor:move;cursor:grab}.OurWorks.owl-rtl{direction:rtl}.OurWorks.owl-rtl .owl-item{float:right}.OurWorks .animated{animation-duration:1s;animation-fill-mode:both}.OurWorks .owl-animated-in{z-index:0}.OurWorks .owl-animated-out{z-index:1}.OurWorks .fadeOut{animation-name:fadeOut}

@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.OurWorks .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.OurWorks .owl-item img.owl-lazy{transform-style:preserve-3d}.OurWorks .owl-video-wrapper{position:relative;height:100%;background:#000}.OurWorks .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.OurWorks .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.OurWorks .owl-video-playing .owl-video-play-icon,.OurWorks .owl-video-playing .owl-video-tn{display:none}.OurWorks .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.OurWorks .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.OurWorksOuter{ background:#f6f6f6; padding:15px ; margin:40px 0 0 0;}
.OurWorksOuter h3{ font-weight:bold; color:#0073bb; font-size:28px; text-align:center; text-shadow:0 0 1px #fff;}
.OurWorksOuter img{ background:#fff; padding:4px; border:1px solid #e5e5e5;}

.OurWorksOuter .OWBox{ position:relative;}
.OurWorksOuter .OWBox a.Browse{ opacity:0; position:absolute; top:-35px; left:0; background:#930; padding:5px 10px; display:inline-block; color:#fff; font-size:14px; transition: all 0.3s ease 0s; z-index:99; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.OurWorksOuter .OWBox .Overlay{ opacity:0; position:absolute; left:0; top:0; bottom:0; right:0;}
.OurWorksOuter .OWBox:hover .Overlay{ background-color:rgba(0,0,0,0.5); opacity:1; }
.OurWorksOuter .OWBox:hover a.Browse{ opacity:1; top:45%; left:30%;}

.OurWorks .owl-nav { text-align:right; -webkit-tap-highlight-color:transparent; }
.OurWorks .owl-nav [class*=owl-] { color:#fff; font-size:14px; margin: 5px 14px 5px 5px; padding: 0px 10px; background: #f2f3f7; display:inline-block; cursor:pointer; }
.OurWorks .owl-nav [class*=owl-]:hover { background:#057cc7; color:#fff !important; text-decoration:none }
.OurWorks  .owl-nav .disabled {  opacity:1; cursor:default; }
.OurWorks  .owl-nav i { font-size: 50px; color: #231f20; }
.OurWorks .owl-nav i:hover { color:#fff !important; }
.OurWorks .owl-prev { position: absolute; top: 40%; left: -55px; }
.OurWorks  .owl-next { position: absolute; top: 40%; right: -65px; }


/* Web Design Built With Section */
.BuiltWith{ }
.BuiltWith h2{ font-size:30px;}
.BuiltWith p{ font-size:18px; text-align:center; color:#6e6e6e; }
.BuiltWith .PicHolder{ margin-bottom:70px; }
.BuiltWith .PicHolder img{ border:1px solid #cccccc; margin:8px;}


/* AmazingProducts*/
.AmazingProducts{ background:#057cc7; margin:30px 0 100px 0; padding:50px 0;}
.AmazingProducts h2{ color:#fff; font-size:28px; margin-bottom:65px !important;}
.AmazingProducts .Box{ text-align:center; margin:30px 0 0 0;}
.AmazingProducts .Box .Pic{ background:#fff; padding:15px;}
.AmazingProducts .Box h3{ margin:30px 0 0 0; padding:0; text-transform:uppercase; font-size:18px; color:#fff;}
.AmazingProducts .Box h3 span{ text-transform:none; color:#ffc600; display:block; margin:7px 0 0 0;}
.AmazingProducts .Box h3:after{ content: ""; position: absolute; height: 2px; bottom: -25px; left: 0; right:0; background-color: #ffc600; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s;   transition: all 0.3s ease-in-out 0s;}
.AmazingProducts .Box:hover h3:after{ visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); }


/* Ready Wesbtie Solution */
.ReadyWebsiteSolution{ text-align:center; margin-bottom:70px;}
.ReadyWebsiteSolution h3{ font-size:34px; color:#000; margin-bottom:40px;}
.ReadyWebsiteSolution .Box{ background:#f0f0f0; border-left:5px solid #b2b2b2; border-right:5px solid #b2b2b2; font-weight:bold; font-size:20px; padding:15px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; margin:30px 0 0 0;}
.ReadyWebsiteSolution .Box:after{ content: ""; position: absolute; height: 2px; bottom: 1px; left: 33px; right:36px; background-color: #b2b2b2; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.ReadyWebsiteSolution .Box:hover:after{ visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); }


/*----------------------------------------------------------------------------------
MANAGE PAGE 
---------------------------------------------------------------------------------- */
.ChooseTheme{}
.ChooseTheme button.SelectThemebtn{ background:#057cc7; margin:20px auto 0 auto;}



/*----------------------------------------------------------------------------------
TRAVEL AND TOURISM WEBSITE DESIGN
---------------------------------------------------------------------------------- */
.CustomRow{margin-left: -5px; margin-right: -5px;}
.CustomCol{ padding-left: 5px; padding-right: 5px; margin-top:10px;}
.TourismSolution .HolidayFeatures{}
.TourismSolution .HolidayFeatures .Holder{ background:#F0F0F0; padding:10px 10px 10px 75px; position:relative; line-height:18px; height:100%; font-size:12px; border-bottom:1px solid #ccc;}
.TourismSolution .HolidayFeatures .Holder b{ display:block; margin:0 0 5px 0; font-size:0.875rem; }
.TourismSolution .HolidayFeatures .Holder img{  position:absolute; left:15px; top:15px;}




/*----------------------------------------------------------------------------------
AIRLINES TICKET BOOKING WEBSITE DESIGN
---------------------------------------------------------------------------------- */
.AirlinesOverview { margin:30px 0;}
.AirlinesOverview h2{ margin-bottom:20px;}
.AirlinesOverview ul{ margin:0; padding:0; list-style:nonel}
.AirlinesOverview ul li{background: url(../img/yes.png) no-repeat 0 0; margin:0; padding:10px 10px 10px 50px; list-style:none; font-size:18px;}


.CustomRow{margin-left: -5px; margin-right: -5px;}
.CustomCol{ padding-left: 5px; padding-right: 5px; margin-top:10px;}
.TourismSolution .HolidayFeatures{}
.TourismSolution .HolidayFeatures .Holder{ background:#F0F0F0; padding:10px 10px 10px 75px; position:relative; line-height:18px; height:100%; font-size:12px; border-bottom:1px solid #ccc;}
.TourismSolution .HolidayFeatures .Holder b{ display:block; margin:0 0 5px 0; font-size:0.875rem; }
.TourismSolution .HolidayFeatures .Holder img{  position:absolute; left:15px; top:15px;}



/*----------------------------------------------------------------------------------
MOBILE APP DESIGN
---------------------------------------------------------------------------------- */
.MobileAppDesign{}
.MobileAppDesign .overflow-hidden{ overflow:hidden;}

.MobileAppDesign .DownloadMobileApp{ background:#e3e4e5; padding:30px; border-radius:5px; margin:40px 0 0 0;}

.MobileAppDesign .DownloadMobileApp .HeadingText{ font-size:30px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#000; text-shadow:1px 1px 0 #fff; padding:30px 0 0 0; position:relative;}
.MobileAppDesign .DownloadMobileApp .HeadingText:before{ background:url(../img/line-seperator.png) no-repeat 0 0; position:absolute; top:-35px; height:172px; width:98px; content:""; right:0; }

.MobileAppDesign .DownloadMobileApp ul{ margin:0; padding:0;}
.MobileAppDesign .DownloadMobileApp ul li{ margin:0; padding:0; list-style:none; display:inline-block; background:url(../img/app-bg.jpg) no-repeat 50% 50%; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-bottomright: 30px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; font-size:26px; font-weight:bold;}
.MobileAppDesign .DownloadMobileApp ul li.Android{ margin:0 20px 0 0; }
.MobileAppDesign .DownloadMobileApp ul li.Android span{ background:url(../img/android.png) no-repeat 20px 50%; padding:30px 67px 30px 90px; display:block;}
.MobileAppDesign .DownloadMobileApp ul li.Ios span{ background:url(../img/ios.png) no-repeat 20px 50%; padding:30px 67px 30px 90px; display:block;}
.MobileAppDesign .DownloadMobileApp ul li a{ color:#fff; }


.MobileAppDesign .FeaturesList{ margin:70px 0 0 0;}
.MobileAppDesign .FeaturesList ul{ margin:0; padding:0;}
.MobileAppDesign .FeaturesList ul li{ margin:15px 0 0 0; padding:0 0 0 40px; list-style:none; line-height:22px; background:url(../img/yes1.png) no-repeat 0 4px;}
.MobileAppDesign .FeaturesList ul li strong{ font-size:16px; display:block;}


.MobileAppDesign .PaymentWeAccept{ border-top:1px solid #ccc; padding:50px 0 30px 0; border-radius:5px; margin:60px 0 0 0;}
.MobileAppDesign .PaymentWeAccept h2{ text-align:center; font-size:30px; margin-bottom:50px;}
.MobileAppDesign .PaymentWeAccept h2 span{ margin:0 auto; right:0;}
.MobileAppDesign .PaymentWeAccept ul{ overflow:hidden; margin:0; padding:0; text-align:center;}
.MobileAppDesign .PaymentWeAccept ul li{ margin:0 10px; padding:0; list-style:none; background:#fff; display:inline-block; }
.MobileAppDesign .PaymentWeAccept ul li img{ max-height:40px; }

.MobileAppDesign .SignUpHolder{background: #0073bb; padding:40px; margin: 50px 0 30px 0; border-radius:5px; text-align:center;}
.MobileAppDesign .SignUpHolder h2{ text-align:center; color:#ffb62a; font-size:30px; background:url(../img/app-icon.png) no-repeat 0 50%;}
.MobileAppDesign .SignUpHolder h2 span{ font-size:40px; color:#fff; display:block; text-transform:uppercase;} 
.MobileAppDesign .SignUpHolder a{ display:inline-block; color:#000; padding:20px 50px; font-size:20px; font-weight:bold; margin:30px 0 0 0; background:#fff; -webkit-border-top-left-radius: 15px;
-webkit-border-bottom-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 15px; border-top-left-radius: 15px; border-bottom-right-radius: 15px; }


.MobileFrame{ background:url(../img/mobile-frame.png) no-repeat top center; width:348px; height:732px; padding:99px 20px; margin:0 auto;}
.MobileFrame ul, .MobileFrame ul li{ margin:0 !important; padding:0 !important; list-style:none !important; background:none !important; }
#demo3 { width:308px; height:534px; overflow:hidden;}



/* Looking for a Website */
.LookingForWebsite{  margin:70px 0 0 0; position:relative; background:url(../img/bg.jpg) repeat-x 0 2px;}

.LookingForWebsiteInner{ background: url(../img/curve.png) no-repeat bottom left #0264a1; position:relative; top:-60px; max-width:1100px; margin:0 auto; padding:80px 0;}
.LookingForWebsiteInner:after{ background:url(../img/left.png) no-repeat 0 0; content:""; display:block; width:43px; height:62px; position:absolute; top:0; left:-43px;}
.LookingForWebsiteInner:before{ background:url(../img/right.png) no-repeat 0 0; content:""; display:block; width:43px; height:62px; position:absolute; top:0; right:-43px;}

.LookingForWebsiteInner .LcolInfo{ text-align:center; }
.LookingForWebsiteInner .LcolInfo h2{ font-size:40px; font-weight:bold; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.LookingForWebsiteInner .LcolInfo h2 span{ display:block; text-transform:uppercase; font-size:50px; color:#ffba01; margin:20px 0 10px 0;}
.LookingForWebsiteInner .LcolInfo p{ font-size:16px; color:#81b2d0;}
.LookingForWebsiteInner .LcolInfo a.SignUp{display: inline-block; background: #023c60; border-radius: 50px; color: #fff; font-weight: bold; font-size: 26px; font-family: Arial, Helvetica, sans-serif; padding: 18px 80px;}

.LookingForWebsiteInner .CostDiv{ background:url(../img/price-bg.png) no-repeat 0 0; min-width:302px; min-height:220px; max-width:302px; margin:0 auto;}
.LookingForWebsiteInner .CostDiv .CostDivInner{ max-width:165px; margin:0 auto;}

.LookingForWebsiteInner .CostDiv .GetStarted{ color:#fff; font-size:22px; font-weight:bold; padding:65px 0 0 0; display:block;}
.LookingForWebsiteInner .CostDiv .CostInfo{ color:#ffcc01; font-size:40px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:10px 0;}
.LookingForWebsiteInner .CostDiv .CostInfo span{ color:#fff; }
.LookingForWebsiteInner .CostDiv i{ color:#fff; font-style:normal; font-size:16px; display:block; text-align:right; padding-right:5px;}