html, body { font-size: 100%; font-family: 'Nunito', sans-serif; background:#ffffff; margin: 0; }
p, ul li, ol li { margin:0; font-size:16px; }
h1, h2, h3, h4, h5, h6 { font-family: 'Nunito', sans-serif; margin:0; }
ul, label { margin:0; padding:0; }
body a:hover { text-decoration:none; }
input[type="submit"], input[type="reset"], .w3l_team_grd, .agileits_w3layouts_features_gridr h4, .agile_feature_grid, .agile_services_grid_pos, a, .w3l_footer_grid, .w3_two_grid_right_grid1, .w3_two_grid_right_grid1 i { -webkit-transition: 0.5s ease-in; -moz-transition: 0.5s ease-in; -ms-transition: 0.5s ease-in; -o-transition: 0.5s ease-in; transition:0.5s ease-in; }
/*-- header --*/
.font-weight-bold{font-weight: bold !important;}
.font-weight-normal{font-weight: normal !important;}
.font-weight-lighter{font-weight: lighter !important;}
.p-small{font-size: 14px;}
.rounded-circle{border-radius: 50% !important;}
.profile-social-icon-shadow{box-shadow: 0px 10px 10px 0px #3a3794; font-size: 15px;}
.agile_header_grid { padding: 0.5em 0; border-bottom: 1px solid #e6e6e6; }
.w3_agile_logo { float:left; width:25%; }
.w3_agile_logo a img{width: 300px;}
.agileits_w3layouts_sign_in { float:right; margin-top: .3em; }
.agileits_w3layouts_sign_in ul li { display:inline-block; color:#4c48c4; margin-left:2em; }
.agileits_w3layouts_sign_in ul li a { display: inline-block; padding: .5em 2em; background: #c448c0; color: #fff; text-decoration: none; font-family: 'Work Sans', sans-serif; }
.agileits_w3layouts_sign_in ul li a:hover { background: #4d49c4; }
.agileits_w3layouts_sign_in ul li span { font-size: 1.5em; color: #c448c0; font-weight: bold;}
/*-- nav --*/
.navbar-default { background: none; border: none; }
.navbar { margin-bottom: 0; }
.navbar-collapse { padding: 0; }
.navbar-right { float: none !important; margin-right: 0; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color:#fff; background: #4d49c4; }
.navbar-default .navbar-nav > li > a { color: #4c48c4; font-weight: 600; }
.navbar-nav > li > a { margin: 0; padding: 1.5em 2em; line-height: 1em; text-transform: uppercase; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; }
nav.navbar.navbar-default { background: none; padding: 0; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #fff; background: #4d49c4; }
.navbar-default .navbar-nav > .active.open > a:focus { background: #4d49c4; color: #fff; }
.agile_short_dropdown { border-radius: 0; background: #ffffff; text-align: left; padding:0; border: none; width:280px; }
.agile_short_dropdown li a { text-transform:capitalize; color:#4c48c4; font-size:13px; font-weight:600; padding: .8em 0; }
.agile_short_dropdown > li > a:hover { color: #fff; text-decoration: none; background-color: #c448c0; }
/* Sweep To Bottom */
.hvr-sweep-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.hvr-sweep-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:#4d49c4; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:active { color: white; }
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); }
/*-- //nav --*/
.agileinfo_search { float: right; width: 30%; border-bottom: 1px solid #666; margin-top: .6em; }
.agileinfo_search input[type="text"] { outline: none; width: 87%; background: #fff; color: #212121; padding: 10px; font-size: 14px; border: none; }
.agileinfo_search input[type="submit"] { outline: none; width: 10%; background: url(../images/search.png) no-repeat 7px 2px; border: none; padding: 0; }
/*-- //header --*/
.webview-show
{
    display: block;
}
.mobileview-show
{
   display: none; 
}
/*-- banner --*/
.carousel ol{margin-bottom: 0px !important;}
.banner { /*background:url(../images/banner.jpg) no-repeat 0px 0px; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover;*/ background-color: #4d49c4; min-height:500px; position: relative; text-align: center; padding: 5em 0; }
.banner1 { /*background:url(../images/banner.jpg) no-repeat 0px 0px; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; -ms-background-size:cover;*/ background-color: #4d49c4; min-height:200px; text-align: center; background-attachment:fixed; background-position:center; }
.banner h2 { color: #fff; text-transform: uppercase; font-size: 3em; font-weight: bold; margin-top: 0.5em;}
.banner h2 span { color:#000; }
.banner h4 { color: #fff; margin-top: 1em;}
.banner h4 span { color:#fff; font-size: 2em; font-weight: bold; }
.banner p { color:#fff; line-height:1.5em; margin-top: 0.5em;}
.wthree_banner_grids { padding:5em 0; }
.wthree_banner_grid { text-align:center; }
.wthree_banner_grid i { font-size:2em; color:#fff; }
.wthree_banner_grid h4 { text-transform:capitalize; font-size:1em; color:#fff; padding-top:1em; }
.agileits_more ul li { display:inline-block; }
.agileits_more ul li a.hvr-icon-hang { padding:1em 3em 1em 2em; letter-spacing: 3px; color:#fff; font-weight:600; text-transform:capitalize; text-decoration:none; border:1px solid #fff; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); display: inline-block; vertical-align: middle; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
a.w3ls_banner_more { background: #c448c0; color:#fff !important; border:1px solid #c448c0 !important; }
.agileits_more ul li a.hvr-icon-hang:hover { background: #c448c0; color:#fff; border:1px solid #c448c0; }
a.w3ls_banner_more:hover { border:1px solid #fff !important; color:#fff !important; background:none !important; }
.agileits_more ul li a.hvr-icon-hang:before { content: "\f078"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); }
.agileits_more ul li a.hvr-icon-hang:hover:before { -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang; animation-name: hvr-icon-hang-sink, hvr-icon-hang;  -webkit-animation-duration: .3s, 1.5s;
 animation-duration: .3s, 1.5s;
 -webkit-animation-delay: 0s, .3s;
 animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; }
/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {  0% {
 -webkit-transform: translateY(6px);
 transform: translateY(6px);
}
 50% {
 -webkit-transform: translateY(2px);
 transform: translateY(2px);
}
 100% {
 -webkit-transform: translateY(6px);
 transform: translateY(6px);
}
}
 @keyframes hvr-icon-hang {  0% {
 -webkit-transform: translateY(6px);
 transform: translateY(6px);
}
 50% {
 -webkit-transform: translateY(2px);
 transform: translateY(2px);
}
 100% {
 -webkit-transform: translateY(6px);
 transform: translateY(6px);
}
}
 @-webkit-keyframes hvr-icon-hang-sink {  100% {
 -webkit-transform: translateY(6px);
 transform: translateY(6px);
}
}
 @keyframes hvr-icon-hang-sink {  100% {
 -webkit-transform: translateY(6px);
 transform: translateY(6px);
}
}
/*-- //banner --*/
/*-- banner-bottom --*/
.banner-bottom, .news, .services, .services-bottom, .features { padding:5em 0; }
.w3l_banner_bottom_left h3, .agile_head, .wthree_stat_left h3 { text-align:center; font-weight: bold; font-size:2.5em; color:#212121; text-transform:capitalize; padding-bottom:1em; position:relative; }
.w3l_banner_bottom_left h3:after, .wthree_stat_left h3:after { display:none; content: ''; width: 23%; height: 1px; background: #c448c0; position: absolute; bottom: 0%; left: 0%; }
.w3l_banner_bottom_left p { margin:2em 0 0; color:#666; line-height:2em; }
.w3l_banner_bottom_left p span { display:block; margin-top:1em; color:#212121; font-style:italic; }
/*-- //banner-bottom --*/
/*-- two-grids --*/
.two-grids { background:#4d49c4; padding:50px 0px; }
.w3_two_grid_left { padding:0; }
.w3_two_grid_right { padding:3em 8em 3em 4em; }
.w3_two_grid_right h3 { font-size:2em; color:#fff; text-transform:uppercase; font-weight: bold;}
.w3_two_grid_right p.w3layouts_dummy_para { margin:1em 0; color:#fff; line-height:2em; }
.w3_two_grid_right1 { padding-top:1.1em; }
.w3_two_grid_right_grid1 { width: 65px; height: 65px; border-radius: 50px; background:#28267d; text-align: center; }
.w3_two_grid_right1:hover .w3_two_grid_right_grid1 { background:#fff; }
.w3_two_grid_right1:hover .w3_two_grid_right_grid1 i { color:#c448c0; }
.w3_two_grid_right_grid1 i { font-size: 1.3em; color: #fff; line-height: 3.1em; }
.w3_two_grid_right_gridr h4 { text-transform:capitalize; font-size:1.4em; color:#fff; margin:.0em 0 0; }
.w3_two_grid_right_gridr p { color:#CCC; line-height:2em; font-weight:lighter; }
/*-- //two-grids --*/
/*-- news --*/
.w3_agile_para { margin:.5em 0 0; color:#FFF; }
.agile_head:after { display:none; content: ''; width:10%; height: 1px; background: #c448c0; position: absolute; bottom: 0%; left: 0%; }
.agile_head { padding-bottom:1em !important; }
.w3_agileits_news_grid { position:relative; }
.w3_agileits_news_grid_pos { position: absolute; bottom: -7%; left: 8%; width: 85%; padding: .5em; background: #c448c0; }
.w3_agileits_news_grid_pos h4 { text-align: center; text-transform: capitalize; font-size: 14px; color: #fff; }
.agileits_w3layouts_news_grid h5 { margin:2em 0 1em; }
.agileits_w3layouts_news_grid h5 a { font-size: 1.3em; color: #212121; text-transform: capitalize; text-decoration:none; }
.agileits_w3layouts_news_grid h5 a:hover { color:#4d49c4; }
.agileits_w3layouts_news_grid h5 a:focus, .agileits_more ul li a.hvr-icon-hang:focus, .agileits_w3layouts_sign_in ul li a:focus { outline:none; }
.agileits_w3layouts_news_grids, .w3layouts_team_grids, .w3_agile_portfolio_grids, .agileits_w3layouts_contact_grids { margin: 3em 0 0; }
.agileits_w3layouts_news_grid p { line-height:2em; color:#666; }
/*--flexisel--*/
.flex-slider { background:#222227; padding: 70px 0 165px 0; }
#flexiselDemo1 { display: none; }
.nbs-flexisel-container { position: relative; max-width: 100%; }
.nbs-flexisel-ul { position: relative; width: 9999px; margin: 0px; padding: 0px; list-style-type: none; }
.nbs-flexisel-inner { overflow: hidden; margin: 0px auto; padding:2em 0 0; }
.nbs-flexisel-item { float: left; margin: 0; padding: 0px; position: relative; line-height: 35px; }
.nbs-flexisel-item > img { cursor: pointer; position: relative; }
/*---- Nav ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right { width: 33px; height: 33px; position: absolute; cursor: pointer; z-index: 100; background: url(../images/left.png) no-repeat 2px 1px; top: -5% !important; border-radius: 5px; }
.nbs-flexisel-nav-left { left:94%; }
.nbs-flexisel-nav-right { right: 0%; background:url(../images/right.png) no-repeat 2px 1px; }
/*--//flexisel--*/
.agileits_w3layouts_news_grid { padding: 0 .5em; }
/*-- //news --*/
/*-- stats --*/
.stats { background: url(../images/our-stats.jpg) no-repeat 0px 0px; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-attachment:fixed; background-position:center; }
.wthree_stat { background:rgba(77, 73, 196, 0.9); padding:4em 0; }
.wthree_stat_left { margin: 2.5em 0 0; }
.wthree_stat_left h3 { color:#fff !important; }
.wthree_stat_left p { margin:1em 0 0; color:#fff; line-height:2em; }
.wthree_stat_right ul li { padding:2em 1em; text-align:center; border:1px solid #fff; display:inline-block; width: 32%; }
.wthree_stat_right ul li:nth-child(2) {
 margin:0 .5em;
}
.wthree_stat_right1 i { font-size: 1.5em; color: #212121; width: 50px; height: 50px; background: #fff; border-radius: 50px; line-height: 2.0em; }
.wthree_stat_right1 h4 { font-size:1.3em; color:#fff; margin:1em 0; }
.wthree_stat_right1 p { font-size:3em; color:#fff; font-weight:bold; }
.w3layouts_newsletter { padding:3em 0; background: #4d49c4; }
.w3layouts_newsletter_left { float:left; width:100%; }
.w3layouts_newsletter_right { float:right; width:50%; }
.w3layouts_newsletter_left h3 { font-size:2em; color:#fff; text-transform:capitalize; text-align:center; }
.w3layouts_newsletter_right input[type="email"] { outline: none; border: 1px solid #fff; padding: 10px; background: none; color: #fff; font-size: 14px; width: 74.2%; }
.w3layouts_newsletter_right input[type="submit"] { outline: none; border: 1px solid #0993b2; padding: 10px 0; background: #4d49c4; color: #fff; font-size: 14px; width: 25%; text-transform: uppercase; }
.w3layouts_newsletter_right input[type="submit"]:hover { background:#fff; border: 1px solid #fff; color:#0993b2; }
/*-- //stats --*/
/*-- footer --*/
.footer { padding:4em 0; }
.footer img { /*width:70%;*/ margin: 0 auto;}
.w3_footer_grid h2 { margin-bottom:0.5em; }
.w3_footer_grid h2 a { font-size: 1em; color: #212121; text-decoration: none; }
.w3_footer_grid h2 a span { color: #4d49c4; display: inline-block; border: 3px solid; padding: 0 .2em; }
.w3_footer_grid p { color:#666; line-height:2em; }
.w3_footer_grid p a { color:#c448c0; text-decoration:underline; }
.w3_footer_grid p a:hover { color:#666; }
.w3l_footer_grid { width:50px; height:50px; border-radius:30px; background:#28267d; text-align:center; }
.w3_footer_grid:hover .w3l_footer_grid { background:#4d49c4; }
.w3l_footer_grid i { font-size:1.5em; color:#fff; line-height:2em; }
.w3_footer_grid h4 { font-size: 1.2em; color: #4d49c4; margin: 1em 0 .5em; text-transform: capitalize; letter-spacing: 0px; font-weight: bold;}
.w3_footer_grid p span { display:block; }
.footer-links { padding:4em 0; background-color: #28267d;}
.footer-links h3 { color:#FFF; text-align:left; margin-bottom:0.5em; font-weight: bold; font-size: 30px;}
.copyright { padding:1em 0; background:#28267d; border-top: 1px solid #3c3982;}
.w3ls_copyright_left { float:left; }
.w3ls_copyright_left ul { padding-left:0; }
.w3ls_copyright_left ul li { display:inline-block; width:100%; line-height:2em; }
.w3ls_copyright_left ul li:before { content: "\f105"; position: relative; font-size: 16px; font-family: FontAwesome; left: -14px; top: 1px; width: 5px; height: 5px; color:#ccc; }
.w3ls_copyright_left ul li:last-child { margin-right:0; }
.w3ls_copyright_left ul li a { text-transform:capitalize; font-weight:lighter; color:#fff; text-decoration:none; }
.w3ls_copyright_left ul li a:hover, .w3ls_copyright_left ul li.active a { color:#f3716c; }
.w3ls_copyright_left p { margin-top:.5em; color:#fff; line-height:2em; }
.w3ls_copyright_left p a { color:#4d49c4; text-decoration:underline; }
.w3ls_copyright_left p a:hover { color:#fff; }
.w3ls_copyright_right { /*float:left;*/ margin-top: 0.5em; margin-left: 0.5em;}
.w3ls_copyright_right ul li, .title li, .wthree_mail_social li { display:inline-block; }
.w3ls_copyright_right ul li a, .w3agile_social_icons ul li a, .title li a, .wthree_mail_social li a { width: 30px; height: 30px; color: #fff; text-align: center; display: inline-block; padding-top: 0.4em; font-size: 14px; background:#28267d; }
a.w3_agile_facebook:hover { background:#3b5998; }
a.agile_twitter:hover { background:#1da1f2; }
a.w3_agile_dribble:hover { background:#ea4c89; }
a.w3_agile_vimeo:hover { background:#1ab7ea; }
/*-- //footer --*/
/*-- to-top --*/
#toTop { display: none; text-decoration: none; position: fixed; bottom: 20px; left: 2%; overflow: hidden; z-index: 999; width: 32px; height: 32px; border: none; text-indent: 100%; background: url(../images/arrow.png) no-repeat 0px 0px; }
#toTopHover { width: 32px; height: 32px; display: block; overflow: hidden; float: right; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
/*-- //to-top --*/
/*-- bootstrap-pop-up --*/
.modal-header { font-size: 2em; color:#4d49c4; font-family: 'Work Sans', sans-serif; text-align: center; text-transform: uppercase; font-weight: 600; }
.close { opacity: 1; }
.modal-body p { color: #666; text-align: left; padding:2em 2em 1em; margin: 0 !important; line-height:2em; }
.modal-body p i { display: block; margin: 2em 0 0; color:#212121; }
.modal-body { padding:2em; }
button.close { font-size: 1em; color: #212121; outline: none; }
/*-- //bootstrap-pop-up --*/
/*-- sign-in --*/
.agileits_signin_form input[type="text"], .agileits_signin_form input[type="password"], .agileits_signin_form input[type="email"] { width: 100%; padding: 10px; font-size: 1em; margin: 0 0 1em; outline: none; color: #212121; border: 1px solid #bfbfbf; letter-spacing: 1px; text-align: center; }
.agileits_signin_form input[type="text"] { background: none; display: block; }
.agileits_signin_form input[type="password"] { background: none; display: block; }
.agileits_signin_form input[type="text"]::-webkit-input-placeholder, .agileits_signin_form input[type="email"]::-webkit-input-placeholder, .agileits_signin_form input[type="password"]::-webkit-input-placeholder {
 color:#212121;
!important;
}
.agileits_signin_form input[type="submit"] { padding: 10px 0; width: 100%; font-size: 1em; border: none; color: #fff; background: #212121; outline: none; font-weight: 600; letter-spacing: 3px; }
.agileits_signin_form input[type="submit"]:hover { background:#c448c0; }
.agileits_signin_form p { font-size: 0.9em; color: #212121; letter-spacing: 1px; padding:2em 0; }
.agileits_signin_form p a { color: #4d49c4; text-decoration:underline; }
.agileits_signin_form p a:hover { color:#212121; }
.agileinfo_sign { font-size:2em; color:#c448c0; margin-bottom:1em; }
.w3agile_social_icons ul li { display: inline-block; margin-right:1em; }
.w3agile_social_icons ul li:last-child { margin-right:0; }
.wthree_follow { font-size:1.2em; color:#212121; }
.agile_remember_left { float: left; }
.agile_remember_left label, .agileinfo_subscribe label { font-size: 14px; font-weight: 600; color: #212121; text-transform: capitalize; margin: 0; }
.agile_remember_right { float: right; }
.checkbox { position: relative; padding-left:30px !important; cursor: pointer; }
.checkbox i { position: absolute; bottom: 2px; left: 0; display: block; width: 15px; height: 15px; outline: none; border: 1px solid #5B5B5B; background: #FFF; }
.checkbox input + i:after, .radio input + i:after { position: absolute; opacity: 0; transition: opacity 0.1s; -o-transition: opacity 0.1s; -ms-transition: opacity 0.1s; -moz-transition: opacity 0.1s; -webkit-transition: opacity 0.1s; }
.checkbox input:checked + i:after, .radio input:checked + i:after { opacity: 1; }
.checkbox input, .radio input { position: absolute; left: -9999px; }
.checkbox input + i:after { content: ''; background: url(../images/tick.png) no-repeat 0px 0px; top: -4px; left: 0px; width: 18px; height: 18px; text-align: center; }
.agile_remember_right a { font-size: 14px; color:#4d49c4; text-decoration: underline; }
.agile_remember_right a:hover { color: #212121; }
.agile_remember { padding: 1.5em 0; }
/*-- //sign-in --*/
/*-- services --*/
.banner1 h3 { font-size: 3em; color: #fff; padding-top: 1.6em; }
.agile_services_grid { position:relative; }
.agile_services_grid_pos { position: absolute; bottom: -20%; left: 5%; width: 85px; height: 85px; background: #4d49c4; border-radius: 50px; border: 5px solid #fff; text-align: center; }
.w3_agile_services_grid:hover .agile_services_grid_pos { background: #212121; }
.agile_services_grid_pos i { font-size: 2em; color: #fff; line-height:2.3em; }
.w3_agile_services_grid h4 { font-size:1.3em; font-weight: bold; color: #212121; margin: 2.5em 0 0.5em; text-transform: capitalize; }
.w3_agile_services_grid p { color:#666; line-height:2em; }
.column div { position: relative; padding: 0; }
.agile_services_grid figure { margin: 0; padding: 0; overflow: hidden; text-align:center; }
/* Rotate 
.hover06 figure img {
	-ms-transform: rotate(15deg) scale(1.4);
	-o-transform: rotate(15deg) scale(1.4);
	-moz-transform: rotate(15deg) scale(1.4);
	-webkit-transform: rotate(15deg) scale(1.4);
	transform: rotate(15deg) scale(1.4);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
}
.hover06 figure:hover img,.w3_agile_services_grid:hover .hover06 figure img{
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-moz-transform: rotate(0) scale(1);
	-o-transform: rotate(0) scale(1);
	-ms-transform: rotate(0) scale(1);
}
/*-- //services --*/
/*-- services-bottom --*/
.services-bottom { background-color: #4d49c4; text-align: center; }
.services-bottom h3 { font-size: 2.5em; line-height: 1.5em; font-weight: 600; color: #fff; text-transform: capitalize; }
.services h4{margin-top: 1.5em !important;}
/*-- //services-bottom --*/
/*-- about --*/
.wthree_about_grid {width:100%; clear:both;}
.wthree_about_grid h3 { font-size:2em; color:#212121; text-transform: capitalize; font-weight: bold;}
.wthree_about_grid h3 span { color: #fff; background: #4d49c3; text-transform: uppercase; font-weight: 600; display:inline-block; padding:.2em .5em; margin-bottom:0.5em; }
.wthree_about_grid p { color: #666; line-height: 2em; margin: 2em 0 2em; }
.wthree_about_grid h4 { font-size: 1.8em; font-weight:bold; color: #212121; line-height: 1.5em; text-transform: capitalize; }
.wthree_about_grid h5 { font-size: 1.5em; color: #212121; line-height: 1em; text-transform: capitalize;}
.wthree_about_grid h4 span { display: block; font-size: .5em; font-weight: 600; text-transform: uppercase; color: #4d49c4; letter-spacing: 5px; }
.wthree_about_grid ul { margin:2em 0 0; }
.wthree_about_grid ul li { list-style-type:none; margin-bottom:1em; color:#666; position:relative; padding-left:1.5em; }
.wthree_about_grid ol li { margin-bottom:0.5em; color:#666; text-align:justify; }
.wthree_about_grid ul li:before { content: "\f061"; font-family: FontAwesome; color:#4d49c4; font-size: 14px; padding-right: 0.5em; position: absolute; top: 1px; left: 0; }
.wthree_about_grid ul li i { padding-right:2em; color:#c448c0; }
.about, .portfolio { padding:5em 0em; }
/*-- //about --*/
/*-- features --*/
.features { /*background: url(../images/features.jpg); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -ms-background-size: 100% 100%;*/ background-color: #4d49c4;}
.agile_head1, .w3_agile_para1 { color:#fff; }
.agileits_w3layouts_features_grid { padding:1em; background:#fff; }
.agileits_w3layouts_features_gridl { padding-left: 0; }
.agile_feature_grid { width: 80px; height: 80px; background: #4d49c4; text-align: center; border: 4px solid #28267d; }
.w3_agileits_features_grid:hover .agile_feature_grid { background: #c448c0; border:4px solid #b61616; }
.w3_agileits_features_grid:hover .agileits_w3layouts_features_gridr h4 { color: #4d49c4; }
.agile_feature_grid i { font-size: 1.5em; color: #fff; line-height: 3em; }
.agileits_w3layouts_features_gridr h4 { font-size: 1.2em; color: #212121; margin-bottom: .3em; text-transform: capitalize; }
.agileits_w3layouts_features_gridr p { color:#666; line-height:1.7em; }
.w3_agileits_features_grid { padding-top:2em; }
.w3_agileits_features_grids { margin-top:1em; }
.course-icon { width: 80px; height: 80px; background: #4d49c4; text-align: center; border: 4px solid #363569; border-radius: 5px;}
.course-icon i { font-size: 3em; color: #fff; line-height: 1.5em; }
/*-- //features --*/
/*-- team --*/
.w3_team_grid { padding:1em; box-shadow:0px 0px 1px; }
.w3_team_grid h4 { font-size:1em; color:#212121; }
.w3_team_grid h5 { font-size:1.3em; color:#c448c0; margin:.5em 0 1em; }
.w3_team_grid p { color:#666; line-height:2em; margin-bottom: 1em; }
.w3layouts_team_grid img { margin: 0 auto; border-bottom: 1px solid #ddd; }
.w3l_team_grd { position:relative; z-index: 2; }
.w3l_team_grd:hover { box-shadow: 0 70px 70px rgba(0, 0, 0, 0.2); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); -webkit-transform: translate(0, -10px); transform: translate(0, -10px); z-index: 100; }
/*-- //team --*/
.w3_wthree_agileits_icons.main-grid-border { padding:1em 0 4em; }
.typo { padding:2em 0; }
/*-- icons --*/
ul.bs-glyphicons-list li:hover { background: #000; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; -moz-transition: 0.5s all; }
ul.bs-glyphicons-list li:hover span { color: #fff; }
.codes a { color: #666; }
.row.fontawesome-icon-list { margin: 0; }
.icon-box { padding: 8px 15px; background:rgba(149, 149, 149, 0.18); margin: 1em 0 1em 0; border: 5px solid #ffffff; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 13px; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; -moz-transition: 0.5s all; cursor: pointer; }
.icon-box:hover { background: #000; transition:0.5s all; -webkit-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all; -moz-transition:0.5s all; }
.icon-box:hover i.fa { color:#fff !important; }
.icon-box:hover a.agile-icon { color:#fff !important; }
.codes .bs-glyphicons li { float: left; width: 12.5%; height: 115px; padding: 10px; line-height: 1.4; text-align: center; font-size: 12px; list-style-type: none; }
.codes .bs-glyphicons .glyphicon { margin-top: 5px; margin-bottom: 10px; font-size: 24px; }
.codes .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #777; }
.codes .bs-glyphicons .glyphicon-class { display: block; text-align: center; word-wrap: break-word; }
h3.icon-subheading { font-size: 25px; color:#4d49c4 !important; margin: 30px 0 15px; }
h3.agileits-icons-title { text-align: center; font-size: 30px; color: #000; }
.icons a { color: #666; }
.icon-box i { margin-right: 10px !important; font-size: 20px !important; color: #282a2b !important; }
.bs-glyphicons li { float: left; width: 18%; height: 115px; padding: 10px; line-height: 1.4; text-align: center; font-size: 12px; list-style-type: none; background:rgba(149, 149, 149, 0.18); margin: 1%; cursor: pointer; }
.bs-glyphicons .glyphicon { margin-top: 5px; margin-bottom: 10px; font-size: 24px; color: #282a2b; }
.glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; }
.bs-glyphicons .glyphicon-class { display: block; text-align: center; word-wrap: break-word; }
@media (max-width:991px) {
 h3.agileits-icons-title {
 font-size: 28px;
}
 h3.icon-subheading {
 font-size: 22px;
}
}
@media (max-width:768px) {
 h3.agileits-icons-title {
 font-size: 28px;
}
 h3.icon-subheading {
 font-size: 25px;
}
 .row {
 margin-right: 0;
 margin-left: 0;
}
 .icon-box {
 margin: 0;
}
}
@media (max-width: 640px) {
 .icon-box {
 float: left;
 width: 50%;
}
 h3.icon-subheading {
 font-size: 22px;
}
}
@media (max-width: 480px) {
 .bs-glyphicons li {
 width: 31%;
}
}
@media (max-width: 414px) {
 h3.agileits-icons-title {
 font-size: 23px;
}
 h3.icon-subheading {
 font-size: 18px;
}
 .bs-glyphicons li {
 width: 31.33%;
}
}
@media (max-width: 384px) {
 .icon-box {
 float: none;
 width: 100%;
}
}
@media (max-width: 375px) {
 .w3_agileits_icons_page {
 margin: 25px 0 0 !important;
}
}
/*-- //icons --*/
/*--Typography--*/
.well { font-weight: 300; font-size: 14px; }
.list-group-item { font-weight: 300; font-size: 14px; }
li.list-group-item1 { font-size: 14px; font-weight: 300; }
.typo p { margin: 0; font-size: 14px; font-weight: 300; }
.show-grid [class^=col-] {
 background: #fff;
 text-align: center;
 margin-bottom: 10px;
 line-height: 2em;
 border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
 background: #e0e0e0;
}
.grid_3 { margin-bottom:2em; }
.xs h3, h3.m_1 { color:#000; font-size:1.7em; font-weight:300; margin-bottom: 1em; }
.grid_3 p { color: #666; font-size: 0.85em; margin-bottom: 1em; font-weight: 300; }
.grid_4 { background:none; margin-top:50px; }
.label { font-weight: 300 !important; border-radius:4px; }
.grid_5 { background:none; padding:2em 0; }
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars { margin-bottom: 1em; color:#212121; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: none !important; }
.tab-content > .active { display: block; visibility: visible; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 0; }
.badge-primary { background-color: #03a9f4; }
.badge-success { background-color: #8bc34a; }
.badge-warning { background-color: #ffc107; }
.badge-danger { background-color: #e51c23; }
.grid_3 p { line-height: 2em; color: #888; font-size: 0.9em; margin-bottom: 1em; font-weight: 300; }
.bs-docs-example { margin: 1em 0; }
section#tables p { margin-top: 1em; }
.tab-container .tab-content { border-radius: 0 2px 2px 2px; border: 1px solid #e0e0e0; padding: 16px; background-color: #ffffff; }
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 10px!important; }
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { font-size: 0.9em; color: #666; border-top: none !important; }
.tab-content > .active { display: block; visibility: visible; }
.label { font-weight: 300 !important; }
.label { padding: 4px 6px; border: none; text-shadow: none; }
.alert { font-size: 0.85em; }
h1.t-button, h2.t-button, h3.t-button, h4.t-button, h5.t-button { line-height:2em; margin-top:0.5em; margin-bottom: 0.5em; }
li.list-group-item1 { line-height: 2.5em; }
.input-group { margin-bottom: 20px; }
.in-gp-tl { padding:0; }
.in-gp-tb { padding-right:0; }
.list-group { margin-bottom: 48px; }
ol { margin-bottom: 44px; }
h2.typoh2 { margin: 0 0 10px; }
@media (max-width:768px) {
 .grid_5 {
 padding: 0 0 1em;
}
 .grid_3 {
 margin-bottom: 0em;
}
 .grid_3.grid_5.w3l {
 margin-top: 1.5em;
}
}
@media (max-width:640px) {
 h1, .h1, h2, .h2, h3, .h3 {
 margin-top: 0px;
 margin-bottom: 0px;
}
 .grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
 margin-bottom: .5em;
}
 .progress {
 height: 10px;
 margin-bottom: 10px;
}
 ol.breadcrumb li, .grid_3 p, ul.list-group li, li.list-group-item1 {
 font-size: 14px;
}
 .breadcrumb {
 margin-bottom: 25px;
}
 .well {
 font-size: 14px;
 margin-bottom: 10px;
}
 h2.typoh2 {
 font-size: 1.5em;
}
 .label {
 font-size: 60%;
}
 .in-gp-tl {
 padding: 0 1em;
}
 .in-gp-tb {
 padding-right: 1em;
}
 .list-group {
 margin-bottom: 20px;
}
}
@media (max-width:480px) {
 .grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
 font-size: 1.2em;
}
 .table h1 {
 font-size: 26px;
}
 .table h2 {
 font-size: 23px;
}
 .table h3 {
 font-size: 20px;
}
 .label {
 font-size: 53%;
}
 .alert, p {
 font-size: 14px;
}
 .pagination {
 margin: 20px 0 0px;
}
 .grid_3.grid_4.w3layouts {
 margin-top: 0;
}
}
@media (max-width: 320px) {
 .grid_4 {
 margin-top: 18px;
}
 h3.title {
 font-size: 1.6em;
}
 .alert, p, ol.breadcrumb li, .grid_3 p, .well, ul.list-group li, li.list-group-item1, a.list-group-item {
 font-size: 13px;
}
 .alert {
 padding: 10px;
 margin-bottom: 10px;
}
 ul.pagination li a {
 font-size: 14px;
 padding: 5px 11px;
}
 .list-group {
 margin-bottom: 10px;
}
 .well {
 padding: 10px;
}
 .nav > li > a {
 font-size: 14px;
}
 table.table.table-striped, .table-bordered, .bs-docs-example {
 display: none;
}
}
/*-- //typography --*/
/*-- portfolio --*/
.agile_portfolio_grid { float:left; width:33.33%; }
.w3_agileits_portfolio_grid{width: 99%;}
.view { overflow: hidden; position: relative; text-align: center; margin-bottom: 1em; border: 1px solid #8c88ff; padding: 0.5em;}
.view .mask, .view .content { position: absolute; overflow: hidden; top: 0; left: 0; width: 99%; height: 100%; }
.view img { display: block; position: relative; }
.view h4 { font-size:18px; padding:.3em .5em; background:#4d49c4; color:#fff; text-align:center; display:inline-block; }
/* FIFTH EFFECTS */
.effect img { opacity:1; -moz-transform:scale(1, 1); -webkit-transform:scale(1, 1); -o-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; text-align: center; margin:0 auto;}
.effect .mask { opacity:0; overflow:visible; border-color:rgba(246, 43, 43, 0.38) transparent transparent transparent; border-style:solid; border-width:263px; width:0; height:0; -moz-transform:translateY(-125px); -webkit-transform:translateY(-125px); -o-transform:translateY(-125px); -ms-transform:translateY(-125px); transform:translateY(-125px); -moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; -webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; -o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; -ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; }
.effect h4 { opacity:0; -moz-transform:translateY(-125px); -webkit-transform:translateY(-125px); -o-transform:translateY(-125px); -ms-transform:translateY(-125px); transform:translateY(-125px); -moz-transition: -moz-transform 0.3s ease-in, opacity 0.1s ease-in-out; -webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.1s ease-in-out; -o-transition: -o-transform 0.3s ease-in, opacity 0.1s ease-in-out; -ms-transition: -ms-transform 0.3s ease-in, opacity 0.1s ease-in-out; transition: transform 0.3s ease-in, opacity 0.1s ease-in-out; }
.effect:hover img { opacity:0.7; -moz-transform:scale(2, 2); -webkit-transform:scale(2, 2); -o-transform:scale(2, 2); -ms-transform:scale(2, 2); transform:scale(2, 2); }
.effect:hover .mask { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.effect:hover h4 { opacity:1; -moz-transform:translateY(170px); -webkit-transform:translateY(170px); -o-transform:translateY(170px); -ms-transform:translateY(170px); transform:translateY(170px); }
.thumbnail { padding: 0; margin-bottom: 0; background-color: #fff; border: none; border-radius: 0; }
/*-- //portfolio --*/
/*-- contact --*/
.agileits_w3layouts_contact_gridr input[type="text"], .agileits_w3layouts_contact_gridr input[type="email"], .agileits_w3layouts_contact_gridr textarea { outline:none; background:#f5f5f5; border:1px solid #d7d7d7; font-size:14px; color:#212121; width:100%; padding:10px; }
.space { margin-top:10px; }
.dropbtn { outline:none; background:#f5f5f5; border:1px solid #d7d7d7; font-size:14px; color:#212121; width:100%; padding:10px; }
.agileits_w3layouts_contact_gridr textarea { margin:0em 0em 1em 0em; min-height:200px; }
.agileits_w3layouts_contact_gridr:nth-child(3) {
 margin:0 1em;
}
.agileits_leave-message { margin-top:1em; }
.agileits_w3layouts_contact_gridr textarea::-webkit-input-placeholder {
 color:#212121;
 font-weight:600;
}
.agileits_w3layouts_contact_gridr input[type="submit"] { outline: none; background:#4d49c4; border: none; font-size: 14px; color: #fff; width: 30%; padding: 10px 0; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; margin-top: 0em; }
.agileits_w3layouts_contact_gridr input[type="submit"]:hover { background:#c448c0; }
.agileits_w3layouts_contact_gridr label { font-size: 14px; color: #212121; font-weight: 600; }
.agileits_leave { float: left; width: 31.65%; }
.agileits_leave:nth-child(2) {
 margin: 0 1em;
}
.agileits_mail_grid_right_grid h4 { font-size: 1.3em; color: #c448c0; margin: 0 0 0.5em; }
.agileits_mail_grid_right_grid p { color:#666; line-height:1.8em; }
.agileits_mail_grid_right_grid:nth-child(2) {
 margin:3em 0;
}
ul.contact_info li { list-style-type: none; margin-bottom: 1em; color: #666; font-size: 14px; }
ul.contact_info li i { color: #666; border: 1px solid #666; padding: .5em; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; margin-right: 1em; }
ul.contact_info li a { color: #666; text-decoration: none; }
ul.contact_info li a:hover { color:#4d49c4; }
.map iframe { width:100%; min-height:400px; }
/*-- //contact --*/
/*-----start-responsive-design------*/
@media (max-width:1680px) {
 .effect .mask {
 border-width: 277px;
}
}
@media (max-width:1600px) {
 .effect .mask {
 border-width: 263px;
}
}
@media (max-width:1440px) {
 .w3_two_grid_right {
 padding:2em 3em 2em 3em;
}
 .w3_two_grid_right p.w3layouts_dummy_para {
 margin: 1em 0 0;
}
 .w3_two_grid_right1 {
 padding-top: 0.9em;
}
 .effect .mask {
 border-width: 238px;
}
 .effect:hover h4 {
 -moz-transform: translateY(140px);
 -webkit-transform: translateY(140px);
 -o-transform: translateY(140px);
 -ms-transform: translateY(140px);
 transform: translateY(140px);
}
}
@media (max-width:1366px) {
 .w3_two_grid_right h3 {
 font-size: 1.9em;
}
 .w3_two_grid_right_gridr h4 {
 font-size: 1.3em;
}
 .w3_two_grid_right_grid1 {
 width: 55px;
 height: 55px;
}
 .w3_two_grid_right_grid1 i {
 line-height: 2.6em;
}
 .w3_two_grid_right1 {
 padding-top: 0.88em;
}
 .effect .mask {
 border-width: 183px;
}
}
@media (max-width: 1280px) {
 .w3_two_grid_right h3 {
 font-size: 1.8em;
}
 .w3_two_grid_right {
 padding: 1.1em 2em;
}
 .effect .mask {
 border-width: 211px;
}
 .effect:hover h4 {
 -moz-transform: translateY(120px);
 -webkit-transform: translateY(120px);
 -o-transform: translateY(120px);
 -ms-transform: translateY(120px);
 transform: translateY(120px);
}
}
@media (max-width: 1080px) {
 .navbar-nav > li > a {
 padding: 2em 1.5em;
}
 .agileinfo_search {
 width: 27%;
}
 .banner {
 padding: 7em 0 0;
 min-height: 580px;
}
 .wthree_banner_grids {
 padding: 6em 0;
}
 .w3_two_grid_right h3 {
 font-size: 1.6em;
}
 .w3_two_grid_right_grid {
 width: 19%;
}
 .w3_two_grid_right_gridr {
 width: 81%;
 padding: 0;
}
 .w3_two_grid_right_gridr h4 {
 font-size: 1.2em;
}
 .w3_two_grid_left img {
 min-height: 424px;
}
 .banner h2 {
 font-size: 2.8em;
}
 .nbs-flexisel-nav-left {
 left: 93%;
}
 .banner-bottom, .news, .services, .services-bottom, .features {
 padding: 4em 0;
}
 .about, .portfolio {
 padding-top: 4em;
}
 .wthree_stat_right {
 padding: 0;
}
 .wthree_stat_right ul li {
 width: 31.9%;
}
 .w3layouts_newsletter_right input[type="email"] {
 width: 74%;
}
 .w3layouts_newsletter_left h3 {
 font-size: 1.8em;
}
 .banner1 {
 min-height: 200px;
}
 .banner1 h3 {
 font-size: 2.8em;
 padding-top: 1.3em;
}
 .w3_agile_services_grid h4 {
 font-size: 1.18em;
}
 .agile_services_grid_pos {
 width: 70px;
 height: 70px;
 border: 3px solid #fff;
}
 .agile_services_grid_pos i {
 font-size: 1.5em;
 line-height: 2.6em;
}
 .services-bottom h3 {
 font-size: 2.3em;
}
 .wthree_about_grid p {
 margin: 1em 0;
}
 .wthree_about_grid h4 {
 font-size: 1.5em;
}
 .agileinfo_about_grid_right {
 margin-top: 3em;
}
 .wthree_about_grid h3 {
 font-size: 1.8em;
}
 .agile_feature_grid {
 width: 60px;
 height: 60px;
}
 .agile_feature_grid i {
 line-height: 2em;
}
 .agileits_w3layouts_features_gridr {
 padding: 0;
}
 .agileits_w3layouts_features_gridr h4 {
 font-size: 1.1em;
}
 .w3_team_grid h5 {
 font-size: 1.1em;
}
 .effect .mask {
 border-width: 178px;
}
 .effect:hover h4 {
 -moz-transform: translateY(80px);
 -webkit-transform: translateY(80px);
 -o-transform: translateY(80px);
 -ms-transform: translateY(80px);
 transform: translateY(80px);
}
 .agileits_leave {
 width: 31.2%;
}
 .agileits_mail_grid_right_grid:nth-child(2) {
 margin: 2em 0;
}
}
@media (max-width: 1024px) {
 .w3l_banner_bottom_left h3, .agile_head, .wthree_stat_left h3 {
 font-size: 1.8em;
}
 .w3_two_grid_right h3 {
 font-size: 1.5em;
}
 .w3_two_grid_right_gridr h4 {
 font-size: 1.1em;
}
 .w3_two_grid_right_grid {
 padding-left: 0;
}
 .w3_two_grid_right {
 padding: 1.1em 1.5em;
}
 .effect .mask {
 border-width: 168px;
}
}
@media (max-width: 991px) {
 .navbar-nav > li > a {
 padding: 2em 1em;
 font-size: 12px;
}
 .w3_agile_logo h1 a {
 font-size: .9em;
}
 .agileits_w3layouts_sign_in ul li span {
 font-size: 1.3em;
}
 .agileinfo_sign {
 font-size: 1.8em;
}
 .agileinfo_search {
 width: 31%;
}
 .agileinfo_search input[type="text"] {
 width: 86%;
}
 .agileinfo_search input[type="submit"] {
 width: 12%;
 background: url(../images/search.png) no-repeat 5px 2px;
}
 .banner h2 {
 font-size: 2.4em;
}
 .banner {
 padding: 5em 0 0;
 min-height: 480px;
}
 .wthree_banner_grid {
 float: left;
 width: 25%;
 padding: 0;
}
 .agileits_more ul li a.hvr-icon-hang {
 padding: 0.8em 3em 0.8em 2em;
 letter-spacing: 2px;
}
 .wthree_banner_grids {
 padding: 5em 0;
}
 .w3l_banner_bottom_right {
 margin-top: 2em;
}
 .w3l_banner_bottom_right img {
 margin: 0 auto;
}
 .w3_two_grid_left img {
 min-height: auto;
 margin: 0 auto;
}
 .w3_two_grid_right h3 {
 font-size: 1.8em;
}
 .w3_two_grid_right {
 padding: 3em 5em;
}
 .w3_two_grid_right_gridr h4 {
 font-size: 1.3em;
}
 .w3_agileits_news_grid_pos {
 bottom: -18%;
}
 .agileits_w3layouts_news_grid h5 a {
 font-size: 1.07em;
}
 .agileits_w3layouts_news_grid h5 {
 margin: 3em 0 1em;
}
 .nbs-flexisel-nav-left {
 left: 90%;
}
 .banner-bottom, .news, .footer, .services, .services-bottom, .features, .wthree_stat {
 padding: 3em 0;
}
 .wthree_stat_left {
 margin: 0;
}
 .wthree_stat_right {
 margin-top: 2em;
}
 .w3layouts_newsletter {
 padding: 2em 0;
}
 .w3layouts_newsletter_left {
 float: none;
 margin-bottom: 1em;
 text-align: center;
}
 .w3layouts_newsletter_right {
 float: none;
 width: 75%;
 margin: 0 auto;
}
 .w3_footer_grid {
 float: left;
 width: 33.33%;
}
 .w3_footer_grid:first-child {
 float: none;
 width: 100%;
 margin-bottom: 1em;
}
 .w3_agile_services_grid {
 float: left;
 width: 33.33%;
}
 .w3_agile_services_grid h4 {
 font-size: 1.1em;
 line-height: 1.5em;
}
 .services-bottom h3 {
 font-size: 2em;
}
 .banner1 {
 min-height: 200px;
}
 .banner1 h3 {
 font-size: 2.5em;
 padding-top: 2em;
}
 .agileinfo_about_grid_right {
 width: 40%;
 margin: 2em auto 0;
}
 .w3_agileits_features_grid {
 float: left;
 width: 50%;
}
 .w3layouts_team_grid {
 float: left;
 width: 50%;
}
 .w3layouts_team_grid:nth-child(2) {
 margin-bottom: 2em;
}
 .effect .mask {
 border-width: 162px;
}
 .about, .portfolio {
 padding-top: 3em;
}
 .agileits_w3layouts_contact_gridr {
 margin-top: 3em;
}
 .agileits_leave {
 width: 31.78%;
}
 .map iframe {
 min-height: 300px;
}
}
@media (max-width: 800px) {
 .banner {
 background-position: -170px 0px;
}
 .agileits_w3layouts_news_grids, .w3layouts_team_grids, .w3_agile_portfolio_grids, .agileits_w3layouts_contact_grids {
 margin: 2em 0 0;
}
 .w3_wthree_agileits_icons.main-grid-border {
 padding: 0em 0 3em;
}
 .typo {
 padding: 0 0 1em;
}
 .banner1 h3 {
 font-size: 2.2em;
 padding-top: 1.3em;
}
 .effect .mask {
 border-width: 131px;
}
 .view h4 {
 font-size: 1em;
}
 .effect:hover h4 {
 -moz-transform: translateY(45px);
 -webkit-transform: translateY(45px);
 -o-transform: translateY(45px);
 -ms-transform: translateY(45px);
 transform: translateY(45px);
}
}
@media (max-width: 768px) {
 .w3_agileits_news_grid_pos {
 bottom: -9%;
}
 .agileits_w3layouts_news_grid h5 {
 margin: 2em 0 1em;
}
 .agileits_w3layouts_news_grid h5 a {
 font-size: 1.3em;
}
 .w3_footer_grid h4 {
 font-size: 1.1em;
 letter-spacing: 1px;
}
 .effect .mask {
 border-width: 126px;
}
}
@media (max-width: 767px) {
 .navbar-toggle {
 float: none;
 margin: .5em 0;
}
 .navbar-default .navbar-toggle {
 border-color: #212121;
}
 .navbar-default .navbar-toggle .icon-bar {
 background-color: #212121;
}
 nav.navbar.navbar-default {
 text-align: center;
}
 .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
 background-color: transparent;
}
 .navbar-default .navbar-collapse, .navbar-default .navbar-form {
 border: none;
 background: #ebe7fb;
 text-align:center;
}
 .navbar-nav {
 margin: 0;
}
 .navbar-nav > li > a {
 padding: 1.2em 0;
 font-size: 13px;
}
 .agileinfo_search {
 width: 60%;
 float: none;
 margin: 0 auto 2em;
}
 .agileinfo_search input[type="text"] {
 background: #dcdcdc;
}
 .navbar-nav .open .dropdown-menu {
 background-color: #3c3999;
}
 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
 color: #fff;
}
}
@media (max-width: 736px) {
 .banner h2 {
 font-size: 2.2em;
}
 .wthree_banner_grids {
 padding: 3em 0;
}
 .banner {
 min-height: 440px;
}
 .w3l_banner_bottom_left h3, .agile_head, .wthree_stat_left h3 {
 font-size: 1.6em;
}
 .w3_agileits_news_grid_pos {
 bottom: -14%;
}
 .agileits_w3layouts_news_grid h5 {
 margin: 2.5em 0 1em;
}
}
@media (max-width: 667px) {
 .banner h2 {
 font-size: 2em;
}
 .w3_two_grid_right h3 {
 font-size: 1.7em;
}
 .w3_two_grid_right {
 padding: 3em 3em;
}
 .w3_two_grid_right_gridr h4 {
 font-size: 1.2em;
}
 .nbs-flexisel-nav-left {
 left: 88%;
}
 .agileits_w3layouts_news_grid h5 a {
 font-size: 1.24em;
}
 .w3layouts_newsletter_right {
 width: 85%;
}
}
@media (max-width: 640px) {
 .agileits_w3layouts_sign_in ul li {
 margin-left: 1em;
}
 .agileits_w3layouts_sign_in ul li:first-child {
 margin-left: 0;
}
 .agileits_more ul li a.hvr-icon-hang {
 letter-spacing: 1px;
 font-size: 13px;
}
 .wthree_banner_grid h4 {
 font-size: 14px;
 line-height: 1.3em;
}
 .banner h2 {
 font-size: 1.8em;
}
 .banner {
 min-height: auto;
 padding: 4em 0;
}
 .agileits_signin_form input[type="text"], .agileits_signin_form input[type="password"], .agileits_signin_form input[type="email"] {
 font-size: 14px;
}
 .w3_agileits_news_grid_pos {
 bottom: -7%;
}
 .agileits_w3layouts_news_grid h5 a {
 font-size: 1.4em;
}
 .banner1 h3 {
 font-size: 2em;
 padding-top: 0;
}
 .banner1 {
 min-height: auto;
 padding: 3em 0;
}
 .agile_services_grid_pos {
 width: 50px;
 height: 50px;
 border: 2px solid #fff;
}
 .agile_services_grid_pos i {
 font-size: 1.2em;
 line-height: 2.4em;
}
 .w3_agile_services_grid h4 {
 margin: 2em 0 0.5em;
}
 .services-bottom h3 {
 font-size: 1.7em;
}
 .wthree_about_grid h3 {
 font-size: 1.6em;
}
 .agileits_w3layouts_features_gridr h4 {
 font-size: 1.06em;
}
 .effect .mask {
 border-width: 104px;
}
 .effect:hover h4 {
 -moz-transform: translateY(25px);
 -webkit-transform: translateY(25px);
 -o-transform: translateY(25px);
 -ms-transform: translateY(25px);
 transform: translateY(25px);
}
 .modal-header {
 font-size: 1.7em;
}
 .agileits_leave {
 width: 31.4%;
}
}
@media (max-width: 600px) {
 .modal-body {
 padding: 1em;
}
 .w3_two_grid_right {
 padding: 2em 2em;
}
 .nbs-flexisel-nav-left {
 left: 87%;
}
 .wthree_stat_right1 p {
 font-size: 2.5em;
}
}
@media (max-width: 568px) {
 .agileits_w3layouts_sign_in ul li {
 margin-left: 0em;
}
 .w3_agile_logo h1 a {
 font-size: .85em;
}
 .banner h2 {
 font-size: 1.7em;
}
 .banner {
 padding: 3em 0;
}
 .modal-body p i {
 margin: 1em 0 0;
}
 .w3_two_grid_right h3 {
 font-size: 1.6em;
}
 .nbs-flexisel-nav-left {
 left: 85%;
}
 .wthree_stat_right1 h4 {
 font-size: 1.2em;
}
 .wthree_stat_right ul li {
 padding: 1em 1em;
}
 .w3ls_copyright_left, .w3ls_copyright_right {
 float: none;
 text-align: center;
 margin-bottom: 1.5em;
}
}
@media (max-width: 480px) {
 .agileits_w3layouts_sign_in ul li {
 display: block;
 text-align: right;
}
 .agileits_w3layouts_sign_in ul li span {
 font-size: 1.5em;
}
 .agileits_w3layouts_sign_in ul li:first-child {
 margin-bottom: .3em;
}
 .banner h2 {
 font-size: 1.4em;
}
 .w3l_banner_bottom_left h3 {
 font-size: 1.5em;
}
 .agile_head, .wthree_stat_left h3 {
 font-size:1.7em;
}
.banner-bottom, .news, .footer, .services, .services-bottom, .features, .wthree_stat {
 padding: 2em 0;
}
.w3l_banner_bottom_left h3:after, .wthree_stat_left h3:after {
 width: 35%;
}
.w3l_banner_bottom_left p {
 margin: 1.5em 0 0;
}
 .w3_two_grid_right h3 {
 font-size: 1.36em;
}
 .w3_two_grid_right_gridr h4 {
 font-size: 1.1em;
}
 .agileinfo_search {
 width: 80%;
}
 .nbs-flexisel-nav-left {
 left: 83%;
}
 .w3_agileits_news_grid_pos {
 bottom: -5%;
}
 .wthree_stat_right ul {
 text-align: center;
}
 .wthree_stat_right ul li {
 width: 65%;
 margin: 0 auto;
}
 .wthree_stat_right ul li:nth-child(2) {
 margin: .5em 0;
}
 .w3layouts_newsletter_left h3 {
 font-size: 1.6em;
}
 .w3layouts_newsletter_right {
 width: 100%;
}
.footer-links h3
{
	text-align: center;
}
.footer-links .w3ls_copyright_left .col-md-3
{
	margin-bottom: 20px;
}
 .w3_footer_grid {
 float: none;
 width: 100%;
 text-align:center;
}
 .w3_footer_grid:nth-child(3) {
 margin: 1em 0;
}
 .w3l_footer_grid {
 margin: 0 auto;
}
 .w3_agile_services_grid {
 float: none;
 width: 100%;
}
 .agile_services_grid_pos {
 width: 75px;
 height: 75px;
 border: 5px solid #fff;
 bottom: -15%;
}
 .agile_services_grid_pos i {
 line-height: 3.3em;
}
 .w3_agile_services_grid h4 {
 margin: 2.5em 0 0.5em;
 font-size: 1.2em;
}
 .w3_agile_services_grid:nth-child(2) {
 margin: 2em 0;
}
 .services-bottom h3 {
 font-size: 1.4em;
}
 .agileinfo_about_grid_right {
 width: 55%;
}
 .w3_agileits_features_grid {
 padding-top: 1em;
 float: none;
 width: 100%;
}
 .agileits_w3layouts_features_gridl {
 width: 25%;
}
 .w3layouts_team_grid {
 padding-left: 0;
}
 .w3_team_grid h5 {
 font-size: 1em;
}
 .typo {
 padding: 2em 0 1em;
}
 .agile_portfolio_grid {
 float: none;
 width: 100%;
}
 .effect .mask {
 border-width: 232px;
}
 .effect:hover h4 {
 -moz-transform: translateY(135px);
 -webkit-transform: translateY(135px);
 -o-transform: translateY(135px);
 -ms-transform: translateY(135px);
 transform: translateY(135px);
}
 .agileits_leave {
 width: 100%;
 float: none;
}
 .agileits_leave:nth-child(3) {
 margin: 1em 0;
}
 .agileits_w3layouts_contact_gridr input[type="submit"] {
 width: 45%;
}
 .map iframe {
 min-height: 250px;
}
.webview-show
    {
        display: none;
    }
.mobileview-show
    {
        display: block; 
        width: 40%;
    }

.w3_agile_logo a img{width: 100%;}
}
@media (max-width: 414px) {
 .agileits_w3layouts_sign_in ul li {
 font-size: 13px;
 margin-top: 12px;
}
 .w3_agile_logo h1 a {
 font-size: .8em;
}
 .banner h2 {
 font-size: 1.2em;
}
 .wthree_banner_grid i {
 font-size: 1.5em;
}
 .wthree_banner_grid h4 {
 font-size: 11px;
}
 .wthree_banner_grids {
 padding: 2em 0;
}
 .w3l_banner_bottom_left h3 {
 font-size: 1.3em;
}
 .w3l_banner_bottom_left, .agileinfo_about_grid_left, .agileits_w3layouts_contact_gridl {
 padding: 0;
}
 .w3_two_grid_right h3 {
 font-size: 1.4em;
 line-height: 1.5em;
}
 .w3_two_grid_right {
 padding: 2em 1em;
}
 .w3_two_grid_right_gridr h4 {
 margin: 0;
}
 .agile_head, .wthree_stat_left h3 {
 font-size: 1.5em;
}
 .agile_head:after {
 width: 20%;
}
 .nbs-flexisel-nav-left {
 left: 80%;
}
 .w3layouts_newsletter_left h3 {
 font-size: 1.5em;
}
 .w3layouts_newsletter_right input[type="email"] {
 width: 73%;
}
 .w3_footer_grid h2 {
 margin-bottom: .5em;
}
 .services-bottom h3 {
 font-size: 1.3em;
}
 .wthree_about_grid h3 {
 font-size: 1.4em;
}
 .wthree_about_grid h4 {
 font-size: 1.3em;
}
 .wthree_about_grid h4 span {
 font-size: .6em;
}
 .agileits_w3layouts_features_gridr {
 width: 70%;
}
 .w3layouts_team_grid {
 padding-left: 1em;
 float: none;
 width: 80%;
 margin:0 auto;
}
 .w3layouts_team_grid:nth-child(2) {
 margin: 2em auto;
}
 .w3layouts_team_grid:nth-child(3) {
 margin-bottom: 2em;
}
 .banner1 h3 {
 font-size: 1.5em;
}
 .effect .mask {
 border-width: 199px;
}
 .effect:hover h4 {
 -moz-transform: translateY(110px);
 -webkit-transform: translateY(110px);
 -o-transform: translateY(110px);
 -ms-transform: translateY(110px);
 transform: translateY(110px);
}
 .agileits_mail_grid_right_grid h4 {
 font-size: 1.1em;
}
 .agileits_mail_grid_right_grid:nth-child(2) {
 margin: 1.5em 0;
}
 .agileits_w3layouts_contact_gridr {
 margin-top: 2em;
 padding: 0;
}
 .modal-body p {
 padding: 1em 1em 0em;
}
.webview-show
    {
        display: none;
    }
.mobileview-show
    {
        display: block; 
        width: 40%;
    }
.w3_agile_logo a img{width: 100%;}

}
@media (max-width: 384px) {
 .agileits_w3layouts_sign_in ul li {
 font-size: 10px;
 margin-top: 15px;
}
 .agileits_more ul li a.hvr-icon-hang {
 padding: 0.5em 2.5em 0.5em 1.5em;
}
 .w3layouts_newsletter_left h3 {
 font-size: 1.4em;
}
 .w3layouts_newsletter_right input[type="submit"] {
 width: 28%;
}
 .w3layouts_newsletter_right input[type="email"] {
 width: 70%;
}
 .w3_footer_grid h4 {
 font-size: 1em;
 letter-spacing: 0px;
}
 .w3_footer_grid h2 a {
 font-size: .9em;
}
 .agileinfo_sign {
 font-size: 1.5em;
}
 .services-bottom h3 {
 font-size: 1.2em;
}
 .agileits_w3layouts_features_gridl {
 width: 30%;
}
 .w3layouts_team_grid {
 width: 100%;
}
 .effect .mask {
 border-width: 184px;
}
 .map iframe {
 min-height: 200px;
}
.webview-show
    {
        display: none;
    }
.mobileview-show
    {
        display: block; 
        width: 40%;
    }
.w3_agile_logo a img{width: 100%;}

}
@media (max-width: 375px) {
 .w3_agile_logo h1 a {
 font-size: .79em;
}
 .w3_agile_logo {
 margin-top: 0em;
 width:100%;
}
 .modal-header {
 font-size: 1.4em;
}
 .w3_two_grid_right h3 {
 font-size: 1.3em;
 line-height: 1.3em;
}
 .w3_two_grid_right_grid {
 width: 25%;
}
 .w3_two_grid_right_gridr {
 width: 75%;
}
 .agileinfo_search {
 width: 95%;
}
 .nbs-flexisel-nav-left {
 left: 78%;
}
 .agileits_w3layouts_news_grid h5 a {
 font-size: 1.3em;
}
 .agileits_w3layouts_news_grid h5 {
 margin: 2.5em 0 0em;
}
 .w3layouts_newsletter_right input[type="email"] {
 width: 100%;
 margin-bottom: .5em;
}
 .w3layouts_newsletter_right input[type="submit"] {
 width: 100%;
}
 .services-bottom h3 {
 font-size: 1.1em;
}
 .agileinfo_about_grid_right {
 width: 65%;
}
 .effect .mask {
 border-width: 179px;
}
 .effect:hover h4 {
 -moz-transform: translateY(90px);
 -webkit-transform: translateY(90px);
 -o-transform: translateY(90px);
 -ms-transform: translateY(90px);
 transform: translateY(90px);
}
.webview-show
    {
        display: none;
    }
.mobileview-show
    {
        display: block; 
        width: 40%;
    }
.w3_agile_logo a img{width: 100%;}

}
@media (max-width: 320px) {
 .w3_agile_logo h1 a {
 font-size: .7em;
}
 .agileits_w3layouts_sign_in {
 margin-top: 0;
}
 .banner h2 {
 font-size: 1.07em;
}
 p, ul li, ol li, .agile_remember_right a, .agileits_w3layouts_contact_gridr input[type="text"], .agileits_w3layouts_contact_gridr input[type="email"], .agileits_w3layouts_contact_gridr label, .agileits_w3layouts_contact_gridr textarea, .agileinfo_search input[type="text"], .agile_remember_left label, .agileinfo_subscribe label, .agileits_signin_form input[type="text"], .agileits_signin_form input[type="password"], .agileits_signin_form input[type="email"] {
 font-size: 13px;
}
 .agileits_w3layouts_contact_gridr input[type="submit"] {
 width: 60%;
}
 .agileits_more ul li a.hvr-icon-hang {
 letter-spacing: 0px;
}
 .agileits_more ul li a.hvr-icon-hang {
 padding: 0.5em 2.5em 0.5em 1.2em;
}
 .w3l_banner_bottom_left h3 {
 font-size: 1.18em;
}
 .agileinfo_sign {
 font-size: 1.3em;
}
 .agile_remember_left {
 float: none;
 text-align: left;
}
 .agile_remember_right {
 float: none;
 text-align: left;
 margin-top: .5em;
}
 .agile_remember {
 padding: 1em 0;
}
 .agileits_signin_form input[type="submit"] {
 padding: 8px 0;
 font-size: 14px;
}
 .agileits_signin_form p {
 font-size: 13px;
 letter-spacing: 0px;
 padding: 1em 0 1.5em;
}
 .wthree_follow {
 font-size: 1em;
}
 .w3agile_social_icons ul li {
 margin-right: 0em;
}
 .checkbox {
 padding-left: 25px !important;
}
 .nbs-flexisel-nav-left {
 left: 74%;
}
 .w3layouts_newsletter_left h3 {
 font-size: 1.21em;
}
 .w3ls_copyright_left ul li {
 margin-right: 0.6em;
}
 .copyright {
 padding: 1.5em 0;
}
 .agile_services_grid_pos {
 width: 60px;
 height: 60px;
 border: 3px solid #fff;
}
 .agile_services_grid_pos i {
 line-height: 2.8em;
}
 .w3_agile_services_grid h4 {
 margin: 1.5em 0 0.5em;
 font-size: 1.1em;
}
 .services-bottom h3 {
 font-size: 0.99em;
}
 .wthree_about_grid h3 {
 font-size: 1.2em;
}
 .wthree_about_grid h4 {
 font-size: 1.1em;
}
 .agileits_w3layouts_features_gridl {
 width: 36%;
}
 .agileits_w3layouts_features_gridr {
 width: 63%;
}
 .agileits_w3layouts_features_gridr h4 {
 font-size: 1em;
 line-height: 1.3em;
}
 .effect .mask {
 border-width: 152px;
}
 .effect:hover h4 {
 -moz-transform: translateY(65px);
 -webkit-transform: translateY(65px);
 -o-transform: translateY(65px);
 -ms-transform: translateY(65px);
 transform: translateY(65px);
}
.webview-show
    {
        display: none;
    }
.mobileview-show
    {
        display: block; 
        width: 45%;
    }
.w3_agile_logo a img{width: 100%;}

}
.w3_agile_services_grids { margin:2em 0 0; }
.w3_agile_services_grid { margin-bottom:2.5%; }
.portfolio-item { display:inline-block; margin-bottom:25px; border:1px solid #CCC; background-color: #fff; border-radius: 20px;}
.portfolio-item img{padding: 1em 0em;}
.portfolio-link{color: #28267d!important; font-weight: bold !important;}
.stats h1 { color:#fff; text-align:center; margin-top:8%; text-transform:capitalize; }
.dropdown-menu li a { padding-left:10px; }
.read-more a { color:#4d49c4; font-weight:lighter; font-size:14px; }
.amount { background-color:#337ab7; color:#FFF; border-radius:4px; padding:10px 10px; margin:20px 0px; text-align:center; }
.w3_agile_services_grid ul li { color:#666; margin-left:20px; line-height:2em; }
/*.portfolio-item img, */.business-partner img { filter: grayscale(1); transition-duration: 0.5s; transition-property: all; transition-timing-function: linear; }
.portfolio-item:hover, .business-partner img:hover { filter: grayscale(0); transition-duration: 0.5s; transition-property: all; transition-timing-function: linear; box-shadow:0px 5px 10px 5px #ccc; }
.business-partner { padding:5em 0; background-color:#F3F3F3; }
.business-partner h1 { margin-bottom:2em; text-align:left; }
.business-partner img { background-color:#FFF; padding:10px; margin-bottom:10px;}
* { box-sizing: border-box; }
.columns { float: left; width: 25%; padding: 8px; }
.price { list-style-type: none; border: 1px solid #eee; margin: 0; padding: 0; -webkit-transition: 0.3s; transition: 0.3s; }
.price:hover { box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2) }
.price .header { /*background-color: #4d49c4;*/ color: white; font-size: 25px; background-image: linear-gradient(to top, #433def, #4e49e8, #5854e0, #615ed7, #4d49c4);}
.price li { border-bottom: 1px solid #eee; padding: 5px; text-align: center; }
.price .grey { background-color: #eee; font-size: 20px; }
.button { background-color: #4CAF50; border: none; color: white; padding: 10px 25px; text-align: center; text-decoration: none; font-size: 18px; }
 @media only screen and (max-width: 600px) {
 .columns {
 width: 100%;
}
}
.btn-pixerea
{
	color: #fff;
    background-color: #030434;
    border-radius: 0px !important;
}
.btn-pixerea a
{
	color: #fff;
	font-size: 14px;
	letter-spacing: 1px;
}
.btn-pixerea:hover
{
	color: #fff;
    background-color: #33334f;
}
.why-our-hosting
{
	padding: 5em 0em;
}
.why-our-hosting h4
{
	font-size: 1.8em;
}
.hosting-grid
{
	margin-top: 2em;
	background-color: #fbfbff;
	padding: 3em;
}
.hosting-icon-circle
{ 
	width: 80px; 
	height: 80px; 
	background: #4d49c4; 
	text-align: center; 
	border: 4px solid #28267d; 
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 2em;
}
.hosting-icon-circle i
{
	font-size: 1.5em;
    color: #fff;
    line-height: 3em;
}
.hosting-grid h4
{
	margin: 1em 0em;
}
.h-100
{
	height: 100% !important;
	display: table;
}
.ml-0
{
   margin-left: 0px !important;
}
.ml-1
{
   margin-left: 10px !important;
}
.ml-2
{
   margin-left: 20px !important;
}
.ml-3
{
   margin-left: 30px !important;
}
.ml-4
{
   margin-left: 40px !important;
}
.ml-5
{
   margin-left: 50px !important;
}
.mr-0
{
   margin-right: 0px !important;
}
.mr-1
{
   margin-right: 10px !important;
}
.mr-2
{
   margin-right: 20px !important;
}
.mr-3
{
   margin-right: 30px !important;
}
.mr-4
{
   margin-right: 40px !important;
}
.mr-5
{
   margin-right: 50px !important;
}
.mx-0
{
   margin-left: 0 !important;
   margin-right: 0 !important;
}
.mx-1
{
   margin-left: 0.25rem !important;
   margin-right: 0.25rem !important;
}
.mx-2
{
   margin-left: 0.5rem !important;
   margin-right: 0.5rem !important;
}
.mx-3
{
   margin-left: 1rem !important;
   margin-right: 1rem !important;
}
.mx-4
{
   margin-left: 1.5rem !important;
   margin-right: 1.5rem !important;
}
.mx-5
{
   margin-left: 3rem !important;
   margin-right: 3rem !important;
}
.mt-0
{
	margin-top: 0px !important;
}
.mt-1
{
	margin-top: 10px !important;
}
.mt-2
{
	margin-top: 20px !important;
}
.mt-3
{
	margin-top: 30px !important;
}
.mt-4
{
	margin-top: 40px !important;
}
.mt-5
{
	margin-top: 50px !important;
}
.mb-0
{
	margin-bottom: 0px !important;
}
.mb-1
{
	margin-bottom: 10px !important;
}
.mb-2
{
	margin-bottom: 20px !important;
}
.mb-3
{
	margin-bottom: 30px !important;
}
.mb-4
{
	margin-bottom: 40px !important;
}
.mb-5
{
	margin-bottom: 50px !important;
}
.my-0
{
	margin-top: 0px !important;
	margin-bottom: 0px !important;	
}
.my-1
{
	margin-top: 10px !important;
	margin-bottom: 10px !important;	
}
.my-2
{
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.my-3
{
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.my-4
{
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}
.my-5
{
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}
.pt-0
{
	padding-top: 0px !important;
}
.pt-1
{
	padding-top: 10px !important;
}
.pt-2
{
	padding-top: 20px !important;
}
.pt-3
{
	padding-top: 30px !important;
}
.pt-4
{
	padding-top: 40px !important;
}
.pt-5
{
	padding-top: 50px !important;
}
.pb-0
{
	padding-bottom: 0px !important;
}
.pb-1
{
	padding-bottom: 10px !important;
}
.pb-2
{
	padding-bottom: 20px !important;
}
.pb-3
{
	padding-bottom: 30px !important;
}
.pb-4
{
	padding-bottom: 40px !important;
}
.pb-5
{
	padding-bottom: 50px !important;
}
.py-0
{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.py-1
{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.py-2
{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.py-3
{
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.py-4
{
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
.py-5
{
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
.border-radius-5
{
    border-radius: 5px;
}
.border-radius-10
{
    border-radius: 10px !important;
}
.text-white
{
	color: #fff !important;
}
.text-iris
{
    color: #4d49c4 !important;
}
.text-iris-light
{
    color: #bcc2ff !important;
}
.additional-services ul li
{
	list-style-type: none;
    margin-bottom: 1em;
    color: #fff;
    position: relative;
    padding-left: 1.5em;    
}
.additional-services ul li:before
{
	content: "\f061";
    font-family: FontAwesome;
    color: #fff;
    /*color: #28267d;*/
    font-size: 14px;
    padding-right: 0.5em;
    position: absolute;
    top: 1px;
    left: 0;
}
.hosting-plan-pricing
{
	background-color: /*#f1f1f7*/ #f3f5ff;
	padding:5em 0em !important;
}
.hosting-plans
{
	background-color: #fff;
	padding: 2em 1em;
	border:1px solid #f4f3fa;
	box-shadow: 0 0px 1px 0 rgba(77, 77, 119, 0.3);
	border-radius: 5px;
	box-sizing: border-box;
	/*display: table-cell;*/
	display: block;
}
.hosting-plan-head
{
	margin: 2em 0em;
}
.hosting-plan-text
{
	margin: 1em 0em;
}
.hosting-plan-text p
{
	font-size: 14px;
	color: #989898;
}
.hosting-plans h6
{
	color: #3b3663 !important;
	line-height: normal;
}
.hosting-head h6
{
	color: #4d49c4;
	top: 30px;
    position: absolute;
}
.hosting-price p
{
	font-weight: lighter;
	font-size: 14px;
	color: #989898;
	margin: 0em 0em;
}
.hosting-price h3
{
	font-weight: bold;
	color: #4d49c4;
}
.hosting-price span
{
	font-weight: 400;
	font-size: 14px;
	color: #989898;
}
.hosting-descrpiton ul { margin:2em 0 0; padding-left:inherit;}
.hosting-descrpiton ul li { list-style-type:none; margin-bottom:0.8em; color:#212121; position:relative; padding-left:1.5em; }
.hosting-descrpiton ol li { margin-bottom:0.5em; color:#666; text-align:justify; }
.hosting-descrpiton ul li:before { content: "\f00c"; font-family: FontAwesome; color:#5cb85c; font-size: 14px; padding-right: 0.5em; position: absolute; top: 1px; left: 0; }
.hosting-descrpiton ul li i { padding-right:2em; color:#c448c0; }

.hosting-top-selling
{
	border-radius: 50px;
    padding: 1em 0em;
    width: 80%;
    margin: 0 auto;
    margin-top: -54px;
    margin-bottom: 30px;
}
.other-projects
{
	background-image: url('../images/pattern.png');
	background-repeat: repeat;
}
.other-projects-container
{
	padding: 0px;
	text-align: center;
}
.other-projects-container a
{
	padding: 20px 10px !important;
	width: 100%;
}
.other-projects-container a p
{
	padding-top: 10px;
}
del
{
	color: #989898 !important;
}
.cancel li:before { 
	content: "\f00d" !important; 
	font-family:FontAwesome; 
	color:#ff0000 !important; 
	font-size: 14px; 
	padding-right: 0.5em; 
	position: absolute; 
	top: 1px; 
	left: 0; 
}
.bg-light
{
	background-color: #fff !important;
	box-shadow: 0 0rem 1rem 0.2rem rgb(0 0 0 / 15%) !important;
	border-radius: 10px;
	padding: 20px;
}
.bg-iris
{
    background-color: #4d49c4 !important;
    color: #fff !important;
}
.bg-iris-light
{
    background-color: #bcc2ff !important;
}
.bg-iris-extralight
{
    background-color: #EAE9F9 !important;
}
.shadow
{
    box-shadow : 0 0rem 1rem 0.2rem rgb(0 0 0 / 15%) !important
}
hr
{
	border-top: 1px solid #bbb !important;
}
.portfolio-bg
{
    background:url(../images/portfolio-bg.jpg) no-repeat 0px 0px; 
    background-size:cover; 
    -webkit-background-size:cover; 
    -moz-background-size:cover; 
    -o-background-size:cover; 
    -ms-background-size:cover; 
    min-height:200px; 
    text-align: center; 
    background-attachment:fixed; 
    background-position:center; 
}
.discount {
    width: 35%;    
    position: absolute;
    right: -10px;
    top: -40px;
    display: none;
}
@media only screen and (max-width: 480px) {
      .mt-sm-3
      {
         margin-top: 30px !important;
      }
      .mb-sm-3
      {
         margin-bottom: 30px !important;
      }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a
      {
         text-align: center;
      }
   }

.img-border
{
   border: 8px solid #909afc;
}
.my-experience
{   
   position: relative;
   width: 90% !important;
   margin: 0 auto;
   margin-top: -60px;
}