@import url('https://fonts.googleapis.com/css?family=Roboto:100,400,500,700');
.head_item{color:green;font-size:19px}
html,button,input,select,textarea{color:#222;}
html{font-size:1em;line-height:1.4;}
body{font-family:'Roboto', sans-serif; color:#353535; line-height:24px;/*-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:0.1px;*/}
h2{ color:#353535;}
a {font-family:'Roboto', sans-serif; color:#0098ca;}
input, button{-webkit-text-stroke:0.1px;}
p,div,span, article{-webkit-text-stroke:0.1px;}
hr{display:block;height:1px;border:0;border-top:1px solid #DEDEDE;margin:1em 0;padding:0;}
audio,canvas,img,video{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
ul, ol{ margin:0; padding:0;}
ul, ol{ margin-left:15px}
img{ max-width:100%;}
h2{ font-size:28px; color:#020f2f}
/*---------------------------Banner-css-------------------------------*/
header{ margin:0; padding:0; float:left; display:block; padding:10px 0; width:100%;position:fixed; left:0; top:0; z-index:99;transition:.3s ease; -webkit-transition:.3s ease;}
header.fixed{transition:.3s ease; -webkit-transition:.3s ease; background:#ffffff; box-shadow: 0 2px 16px #bdbdbd;
-webkit-box-shadow: 0 2px 16px #bdbdbd; padding:10px 0 0px 0;}
header.fixed .top-main-logo{-webkit-transition:.3s ease; margin-top:2px }

.top-banner-class.fixed .top-main-logo{margin-top:16px;}
header.fixed .top-right-nav{padding-top:0; -webkit-transition:.3s ease; }
header.fixed .top-right-nav ul li{padding:10px 10px 17px 10px; border-bottom:3px solid #fff;}
header.fixed .top-right-nav ul li:hover{border-bottom:3px solid #0098ca;}
header.fixed .top-right-nav ul li a{ color:#000;}
header.fixed .top-right-nav .dropdown-bg ul li a:hover{color:#fff}
header.fixed .dropdown-bg{ top:64px;}
header.top-banner-class{ background:#ffffff; border-bottom:2px solid #0098ca; padding:0}

header.top-banner-class .top-right-nav ul li{border-bottom:3px solid #fff; padding: 19px 10px;}
header .top-right-nav ul li .activer {background:#ff6a67; border-bottom:medium none;	padding:14px 20px 14px;
color:#fff!important; transition:.4s ease; -webkit-transition:.4s ease;}

header .top-right-nav ul li .activer:hover{ background:#f9f9f9; color:#020f2f!important; transition:.4s ease; -webkit-transition:.4s ease;}
header.fixed .top-right-nav ul li .activer:hover{ background:#020f2f; color:#fff!important; transition:.4s ease; -webkit-transition:.4s ease;}
header li.inquiry-menu:hover{border-bottom:3px solid transparent!important}
header.top-banner-class .top-right-nav ul li:hover{border-bottom:3px solid #0098ca;}
header.top-banner-class .top-right-nav ul li a{color:#000;}
header.top-banner-class  .top-right-nav{ padding-top:0;}
header.top-banner-class .dropdown-bg ul li{border:0; padding:3px 0;}
header.top-banner-class .dropdown-bg ul li:hover{ border:0}
header.top-banner-class .dropdown-bg{top:74px;}
header.top-banner-class .top-right-nav ul{margin-top:9px;}
img{height:auto; width:auto}

.home-page-banner{ float:left; width:100%; display:block; position:relative; background:#000;}
.home-page-banner img{max-width:100%; height:auto; width:100%; opacity:.7}
.top-main-logo{display:inline-block; max-width:180px; margin-top:16px; -webkit-transition:.3s ease;}
.top-main-logo img{ max-width:100%;}
a{transition:.3s ease; -webkit- transition:.3s ease;}
a:hover{transition:.3s ease; -webkit- transition:.3s ease;}


/*========MenuCss========*/
.top-right-nav{float:right; padding-top:10px; -webkit-transition:.3s ease;}
 nav{margin:0; padding:0;}
.top-right-nav ul{ float:left; margin:0; padding:0}
.top-right-nav ul li{display:inline-block; padding:14px 10px; text-transform:uppercase; }
.top-right-nav ul li:hover{border-bottom:3px solid #0098ca;}
.top-right-nav ul li a{color:#fff; font-size:14px; font-weight:400;}
.top-right-nav ul li a:hover{text-decoration:none;}
.dropdown-bg{/*background:url(../img/menu-bg.jpg) repeat;*/ background:#0098ca; position:absolute; width:100%; left:0; top:74px; padding:22px 0 20px 0;   display:none;}
.top-right-nav ul li:hover .dropdown-bg{ display:block}
.dropdown-bg .col-md-3{ padding-left:0;}
.dropdown-bg .menu-d-heading{ font-size:18px; text-transform: uppercase; margin-bottom:5px; margin-top:0; font-weight:600; font-size:16px; color:#020f2f;}
.dropdown-bg ul li{width:100%; float:left; display:block; text-transform:capitalize; padding:3px 0; border:0!important;}
header.fixed .top-right-nav ul li .dropdown-bg ul li{padding:3px 0;}
.top-right-nav .dropdown-bg ul li a{color:#000; font-size:14px; /*color:#353535; padding-left:13px; background: url(../img/menu-points.png) no-repeat 0 6px;*/}
.top-right-nav .dropdown-bg ul li a:hover{ color:#fff;}
.top-right-nav .dropdown-bg .menu-d-heading a{color:#fff; text-transform:uppercase; font-weight:600; font-size:16px;}
.top-right-nav .dropdown-bg .menu-d-heading a:hover{/*color:#0098ca*/}
.dropdown-bg ul li a:hover{border:0; color:#0098ca;}
.dropdown-bg ul li:hover{border:0; background:none}
.drop_img{ text-align:center; padding:0px 0 0 0;}
.dropdown-bg .menu-d-heading.center-h{ text-align:center;}
/*========MenuCss========*/

/*========Banner-Services========*/
.banner-services {margin:50px 0 0 0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50% ); width:1170px;}
.entry-title {color:#fff; clear:both; margin:35px 0 5px; padding: 0 10px !important; width:100%; text-align:center; font-weight:700; font-family: 'Roboto', sans-serif; font-size:60px;}
.banner-services p{text-align:center; font-family: 'Roboto', sans-serif; font-size:20px; color:#fff; margin:25px 0px 130px; text-align:center;}
.ch-item {width:100%; border-radius:50%; position:relative;box-shadow:0 1px 2px rgba(0,0,0,0.1); cursor:default;}
.ch-info-wrap{position:absolute; width:172px; height:172px;border-radius:50%; -webkit-perspective:800px; -moz-perspective: 800px; -o-perspective:800px; -ms-perspective:800px;perspective:800px; -webkit-transition:all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.ch-info{position:absolute;width:172px; height:172px;border-radius:50%;-webkit-transition:all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;transition:all 0.4s ease-in-out; -webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;}
.ch-info > div {display: block;position:absolute;width:100%;height:100%; border-radius:50%;background-position:center center;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden; -o-backface-visibility:hidden;	-ms-backface-visibility: hidden; backface-visibility: hidden;}
.ch-info .ch-info-back {-webkit-transform:rotate3d(0,1,0,180deg); -moz-transform:rotate3d(0,1,0,180deg); -o-transform: rotate3d(0,1,0,180deg);	-ms-transform:rotate3d(0,1,0,180deg); transform:rotate3d(0,1,0,180deg);	background-image: url(../img/bd-icon-hover.png);}
.ch-img-1 {background-image: url(../img/bd-icon.png);}
.ch-info .ch-info-back2 {-webkit-transform: rotate3d(0,1,0,180deg);	-moz-transform: rotate3d(0,1,0,180deg);	-o-transform: rotate3d(0,1,0,180deg);	-ms-transform: rotate3d(0,1,0,180deg);	transform: rotate3d(0,1,0,180deg);	background-image: url(../img/dm-icon-hover.png);}
.ch-img-2 {background-image: url(../img/dm-icon.png);}
.ch-info .ch-info-back3{-webkit-transform: rotate3d(0,1,0,180deg);	-moz-transform: rotate3d(0,1,0,180deg);	-o-transform: rotate3d(0,1,0,180deg);	-ms-transform: rotate3d(0,1,0,180deg);	transform: rotate3d(0,1,0,180deg);	background-image: url(../img/ec-icon-hover.png);}
.ch-img-3{background-image: url(../img/ec-icon.png);}
.ch-info .ch-info-back4{-webkit-transform: rotate3d(0,1,0,180deg);	-moz-transform: rotate3d(0,1,0,180deg);	-o-transform: rotate3d(0,1,0,180deg);	-ms-transform: rotate3d(0,1,0,180deg);	transform: rotate3d(0,1,0,180deg);	background-image: url(../img/adr-icon-hover.png);}
.ch-img-4{background-image:url(../img/adr-icon.png);}
.ch-info .ch-info-back5{-webkit-transform:rotate3d(0,1,0,180deg); -moz-transform:rotate3d(0,1,0,180deg); -o-transform: rotate3d(0,1,0,180deg);	-ms-transform: rotate3d(0,1,0,180deg);	transform: rotate3d(0,1,0,180deg);	background-image: url(../img/se-icon-hover.png);}
.ch-img-5{background-image: url(../img/se-icon.png);}
.ch-info h3 {color:#fff; text-transform: uppercase;	letter-spacing: 2px; font-size:14px; margin:0 15px;	padding:40px 0 0 0;	height:90px; text-shadow:0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);}
.ch-info p {color:#fff;	padding:10px 5px; font-style:italic; margin:0 30px;	font-size:12px;	border-top:1px solid rgba(255,255,255,0.5);}
.ch-info p a {display:block; color:#fff; color:rgba(255,255,255,0.7);	font-style: normal;	font-weight: 700;	text-transform: uppercase;	font-size:9px;	letter-spacing:1px;	padding-top:4px;}
.ch-info p a:hover {color:#fff222;	color:rgba(255,242,34, 0.8);}
.ch-item:hover .ch-info {-webkit-transform:rotate3d(0,1,0,-180deg);	-moz-transform: rotate3d(0,1,0,-180deg); -o-transform: rotate3d(0,1,0,-180deg); -ms-transform:rotate3d(0,1,0,-180deg);	transform:rotate3d(0,1,0,-180deg);}
.ch-grid {margin:20px 0 0 0; padding:0;	list-style:none; display:block;	text-align:center; width:100%;}
.ch-grid:after, .ch-item:before {content:'';   display:table;}
.ch-grid:after {clear:both;}
.ch-grid li {width:172px; height:172px;	display:inline-block; margin:0 0 0 20px;}
.ch-grid li:first-child{margin:0;}

/*=====================================Banner-ServicesEnd===========================================================*/

/*===============================================Plan===========================================================*/
.plan-section{background:#fff; padding:45px 0 20px 0; text-align:center; float:left; width:100%}
.our-plan { }
.plan-section h2 {font-size:28px;text-transform:uppercase;	position: relative;	letter-spacing: 1px;	text-align: center;
max-width:70%;	margin:0 auto 31px auto;	padding-bottom:15px;}
.our-plan h2::after {position: absolute;content: ""; z-index:1;	width:60px; height:2px; bottom:-4px; left: 50%;	margin-left: -30px;	background: #ED1C24;}
.our-plan h2:before {position:absolute; content:""; z-index:1;	width:90px;	height:2px;	bottom:-8px; left:50%;	margin-left: -45px; background:#ED1C24;}
.our-plan .sixteen {margin:0px auto; float:none; display:block; padding:0 18px; box-sizing:border-box; }
.our-plan .plan_box {border:none; margin:0 .4% 0 0;	float:left;	width:24.6%;}
.our-plan .plan_box.last { margin:0; }
.our-plan .plan_box .plan_box_price, .our-plan .plan_box .plan_box_title, .our-plan .plan_box .plan_box_content { background:#e1e1e2; }
.our-plan .plan_box .plan_box_shadow {background:#fff url(../img/sadow-b-bg.png) center top no-repeat; height:38px; } 
.our-plan .plan_box .plan_box_title {width:100%; padding:15px 0;  text-align:center; }
.our-plan .plan_box .plan_box_title h3 {color:#020f2f; font-family: 'Roboto', sans-serif; font-weight:400; font-size:18px; display:block; margin:0; padding:0; float:none; }
.our-plan .plan_box .plan_box_title h3 span {font-family: 'Roboto', sans-serif; font-weight:400; color:#020f2f; padding:4px 0 0 0; display:block; text-transform:none; font-style:italic; font-size:14px; }

.our-plan .plan_box .plan_box_price {width:100%; padding:15px 0; height:inherit; text-align:center; background:#020f2f; }
.our-plan .plan_box .plan_box_price h3 {color:#fff; font-family: 'Roboto', sans-serif; line-height:30px; font-weight:700; font-size:48px; display:inline-block; margin:0; padding:0; float:none; }
.our-plan .plan_box .plan_box_price h3 strong {position:relative; font-weight:700; }
.our-plan .plan_box .plan_box_price h3 strong sup {font-family: 'Roboto', sans-serif; font-weight:400; font-size:13px; color:#fff; position:absolute; right:-5px; top:5px;}
.our-plan .plan_box .plan_box_price h3 span {font-family: 'Roboto', sans-serif; font-weight:400; font-size:13px; color:#fff; padding:4px 0 0 0; display:block; text-transform:none;}
.our-plan .plan_box .plan_box_price h3 cite {font-family: 'Roboto', sans-serif; font-weight:400; font-size:13px;color:#fff; padding:0 0 4px 0; display:block; text-transform:none;}
.our-plan .plan_box .plan_box_price.bg-color-02 {background:#020f2f;}
.our-plan .plan_box .plan_box_price.bg-color-03 {background:#020f2f;}
.our-plan .plan_box .plan_box_price.bg-color-04 {background:#020f2f;}

.our-plan .plan_box .plan_box_content {padding:0; margin:0; text-align:center; }
.our-plan .plan_box .plan_box_content  {padding:0; margin:0; text-align:center; width:100%; }
.our-plan .plan_box .plan_box_content ul  {padding:0; margin:0; list-style:none; }
.our-plan .plan_box .plan_box_content ul li  {padding:0; margin:0; background:none; min-height:44px; padding:10px 5px 10px 5px; box-sizing:border-box; border-bottom:1px solid #e1e1e2; color:#555;}
.our-plan .plan_box .plan_box_content ul li strong{font-family:'Roboto', sans-serif; font-weight:500;}
.our-plan .plan_box .plan_box_content ul li:nth-child(odd) {background:#ededef; }
.our-plan .plan_box .plan_box_content ul li:nth-child(even) {background:#f9f9f9; }
.our-plan .plan_box .plan_box_bottom {padding:15px 0; text-align:center; box-sizing:border-box; display:inline-block; width:100%; background:#e1e1e2; }

.our-plan .plan_box .plan_box_bottom .signup-btn {display:inline-block; background:#0098ca;	color:#fff;	padding:10px 35px;	text-transform:uppercase; font-size:14px; border:0px solid;	font-weight:500; position:relative;	transition: .3s ease;	-webkit- transition: .3s ease;}
.our-plan .plan_box .plan_box_bottom .signup-btn:hover { background:#020f2f; text-decoration:none; }

.hosting_plans_inner .plan_box .plan_box_content ul li.specialized-skill { background:#00123e !important; color:#fff !important; border-bottom:4px solid #ffa200; }
/*=========================================Plan===========================================================*/



/*=======================

  23. Footer CSS

=========================*/ 

#footer.footer{ float:left; display:block; width:100%; border-top:3px solid ;}
.footer .footer-top {padding:30px 0 52px; color:#555; line-height:24px;	background-color:#fff;	background-image: url("../img/footer-bg.png");	background-repeat:repeat; background-attachment:scroll ;	background-clip: border-box; background-origin: padding-box; background-position:0% 0% ; background-size:auto auto;}

.footer .footer-top .single-widget{	margin-top:30px;}
.footer .footer-top h2 {color:#020f2f; font-size:18px;	text-transform:uppercase; display:block; margin-bottom:20px;position: relative;}
.footer .footer-top ul{ margin-left:0}
.footer .footer-top li {color:#555; position:relative;	margin-bottom:10px; list-style:none;}
.footer .footer-top .list li:last-child{margin-bottom:0px;}
.footer .footer-top li a{color:#555;}
.footer .footer-top .address p {margin-bottom:10px;}
.footer .footer-top .address .list li {padding-left:25px; float:left; list-style:none; display:block; width:100%;}
.footer .footer-top .address .list li i {position:absolute;left:0;	top:4px; color:#0098ca;}
.footer .footer-top .address .list li .fa.fa-whatsapp, .footer .footer-top .address .list li .fa.fa-skype {font-size: 17px;}
.footer .footer-top .address .list li a{color:#555;}
.footer .footer-top .social {margin-top:15px; display:inline-block; width:100%;}
.footer .footer-top .social li {display:inline-block; margin-right:5px;	color:#bbb;	font-weight:500; vertical-align:top; list-style:none}
.footer .footer-top .social li:last-child{margin:0;}
.footer .footer-top .social a {display:block; width:24px; height:24px;	line-height:24px; text-align:center; color:#fff; background:#0098ca;}
.footer .footer-top .social a i{color:#fff;}
.footer .footer-top .social li:hover a{background:#020f2f;}
.footer .footer-top .links li i{margin-right:5px; color:#0098ca;}
.footer .footer-top .photo-gallery h2{margin-bottom:10px;}
.footer .footer-top .single-widget.photo-gallery ul {margin-left:-10px; overflow:hidden;}
.footer .footer-top .single-widget.photo-gallery ul li {float:left; margin:15px 0 0 0px; padding:0; width:50%}
.footer .footer-top .single-widget.photo-gallery ul li:last-child{margin-right:0px;}
.footer .footer-top .single-widget.photo-gallery ul li img { max-width:95%;}
.footer .footer-top .single-tweet {position: relative;padding-left: 30px;margin-bottom:10px;}
.footer .footer-top .single-tweet:last-child{margin:0;}
.footer .footer-top .single-tweet i {position: absolute;left: 0;font-size: 22px;top: 5px;}
.footer .footer-top .single-tweet p a {color: #555;font-weight: 500;}
.footer .footer-top .single-tweet span {color: #555;font-weight: 500;font-size: 13px;}
.footer .footer-bottom {background: #353535;padding: 15px 0;text-align: center;}
.footer .copyright p {color: #ddd;margin: 0;text-transform: capitalize;}
.footer .copyright p a {color: #ddd;}
.footer .copyright span{margin:0px 5px;}
/* Dark Style */
.footer.dark .footer-top{background-color: #353535 !important;background-image:none;}
.footer.dark h2{color:#fff;}
.footer.dark .address p {margin-bottom: 10px;color: #ddd;}
.footer.dark li{color:#ddd;}
.footer.dark li{color:#ddd;}
.footer.dark li a{color:#ddd;}
.footer.dark .single-tweet p{color:#ddd;}
.footer.dark .single-tweet span{color:#ddd;}
.footer.dark .address .list li{ list-style:none}
.footer.dark .address .list li a{color:#ddd;}
.footer.dark .footer-top .single-tweet p a{color:#fff;}
.footer.dark .footer-bottom{border-top:1px solid rgba(204, 204, 204, 0.35);}
/*=======================
  End Footer CSS
=========================*/ 
/*-----------Php-----------*/
.php-header-banner{height:225px; width:100%; display:block; float:left; margin:0px 0 65px 0; background-size:cover!important; background:url(../img/web-application.jpg) top center no-repeat;}
.php-header-banner h1.entry-title.blog-header{line-height:normal; padding:35px 0 0 0!important;}

.portfolio-banner{height:225px; width:100%; display:block; float:left; margin:0px 0 65px 0; background-size:cover!important; background:url(../img/portfolio.jpg) top center no-repeat;}
.portfolio-banner h1.entry-title.blog-header{line-height:normal; padding:35px 0 0 0!important;}

.about-us-banner{height:225px; width:100%; display:block; float:left; margin:0px 0 65px 0; background-size:cover!important; background:url(../img/design-development.jpg) top center no-repeat;}
.about-us-banner h1.entry-title.blog-header{line-height:normal; padding:35px 0 0 0!important;}
.cust-center{text-align:center;}
.cust-clear{clear:both;}
.cust-form-class .error{color: #ff0000 !important; border: 2px solid #ff0000!important;}
.home-page{background-color:#0098ca; color:#fff!important; border:1px solid #0098ca; padding:10px 20px; border-radius:0px;	font-size:16px;}
.error-img{padding-top:40px;}
.img-center{display:inline-block; margin:0 auto;}

.same-sec{padding:70px 0px;}
.light-blue{background-color:#f0f4fb; margin-top:50px;}
.error-text-thank-you{font-size:100px; line-height:103px;}
.p-thank-you {font-size: 18px; line-height:24px; margin:0 0 30px;}

.blog-text-format{padding-left:0px; padding-right:20px;}
.blog-img-format{padding-left:0px; padding-right:0px; border: 1px solid #ccc;}

.blog-text-format-l{padding-left:0px; padding-right:20px; padding-top:20px;}
.blog-img-format-r{padding-left:0px; padding-right:0px;}

.blog-text-format-r{padding-left:20px; padding-right:0px; padding-top:40px;}
.blog-img-format-l{padding-left:0px; padding-right:0px; padding-top:20px;}

.error-404 p{font-size:18px;}
.error-text{font-size:146px; font-weight:600; line-height:103px;}
.error-text span{font-size:16px;}
.project-indi-div{width: 365px; height:300px;}

.php-header{height:225px; background:url(../img/web-development.jpg) repeat; width:100%; display:block; float:left; margin:0px 0 65px 0;}
.contact-us-header{height:225px; background:url(../img/contactusheader.jpg) repeat; width:100%; display:block; float:left; margin:0px 0 65px 0;}
.contact-us-header h1.entry-title.blog-header{line-height:normal; padding:35px 0 0 0!important;}
.main-right-bar {opacity: 0.95;background: #7f30b0;-webkit-transform: skewY(-10deg);-moz-transform: skewY(-10deg);-ms-transform: skewY(-10deg);-o-transform: skewY(-10deg);transform: skewY(-10deg);min-height: 546px;position: relative;margin-top: -106px;padding-bottom: 60px;float: left; width:100%;}
.sub-menu-right strong {color:#ED1C24;float: left;font-size: 17px;font-weight: normal;line-height: 0;margin-top: 98px;padding-bottom:20px;padding-top:25px;width: 100%;-webkit-transform: skewY(10deg);-moz-transform: skewY(10deg);-ms-transform: skewY(10deg);-o-transform: skewY(10deg);transform: skewY(10deg);}
.sub-menu-right strong a{color:#ED1C24;}
.eco.main-right-bar {opacity: 0.95;background: #0c111a;}
.sub-menu-right ul { -webkit-transform: skewY(10deg);  -moz-transform: skewY(10deg);  -ms-transform: skewY(10deg);  -o-transform: skewY(10deg); transform: skewY(10deg); margin-left:0}
.eco.main-right-bar ul li {border-top: 1px solid #1d222b;color:#fff; font-family: 'Roboto', sans-serif; font-weight:400; list-style:none;}
.eco.main-right-bar ul li a{ color:#fff; font-family: 'Roboto', sans-serif; font-weight:400}
.sub-menu-right ul li {border-top: 1px solid #9b0007;float: left;font-family: open_sansregular;font-weight: normal;line-height: 33px;width: 100%;}
.sub-menu-right {padding: 10px;margin: 0;}
.innerpage-con{padding:40px 0 20px 0; margin-top:76px; }
.content-page-subheading{font-size:16px;}
.innerpage-text-format{color:#333; /*padding-top:60px;*/}
.container > .entry-header h1 {line-height:140px; font-size:32px; font-weight:normal; color:#fff; text-align:left; font-weight:600;}
.container > .entry-header p{ color:#fff;}
.innerpage-text-format h2{border-bottom:1px solid #555; color:#020f2f; padding-bottom:8px; position:relative}
.innerpage-text-format h2:before {content: ""; display:inline-block; height:4px; width:65px; display:inline-block;background:#ED1C24; bottom:-2px; left:0; position:absolute;}
.entry-hed{font-size: 20px;line-height: initial;margin-top: 30px;color: #020f2f;}
.entry-hed-p{margin:10px 0px 0px 0px;}
.entry-hed-pul{margin-top:5px;}
.entry-hed-ul{margin-top:10px;}
.sub-menu-right .sub-menu-right-strong{color:#ED1C24;float: left;font-size: 17px;font-weight: normal;line-height: 0;margin-top:10px;padding-bottom:10px;padding-top:25px;width: 100%;-webkit-transform: skewY(10deg);-moz-transform: skewY(10deg);-ms-transform: skewY(10deg);-o-transform: skewY(10deg);transform: skewY(10deg);}
.sub-menu-right .sub-menu-right-strong a{color:#ED1C24;}
/*-----------Php-End----------*/

/*=======================
  05. services CSS
=========================*/ 
.section-title h2 {font-size:28px; text-transform:uppercase; position:relative;	letter-spacing:1px; text-align:center; max-width:90%; margin:0 auto 20px auto;	padding-bottom:15px;}
.section-title h2:after {position:absolute; content:"";	z-index:1;	width:60px;	height:2px;	bottom:0px; left:50%; margin-left: -30px; background:#ED1C24;}
.section-title h2:before {position:absolute; content:""; z-index:1;	width:90px;	height:2px;	bottom:-4px; left:50%;	margin-left: -45px; background:#ED1C24;}
.services{background:#f6f6f6; padding:50px 0;display: inline-block;width: 100%;float: left;}
.services p{ color:#555;}
.services .services-subtitle{text-align:center;}
.services .single-services {background: #fff;padding: 40px 20px 40px 72px;position: relative;-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.30);-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.30);box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.30);margin-top: 30px;text-align: left;overflow: hidden; min-height: 220px;}
.services .single-services:before{position:absolute;left:0;top:0;content:"";width:0%;height:3px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;background:#0098ca;}
.services .single-services:hover:before{width:100%;}
.services .single-services .icon i {font-size: 32px;position: absolute;left: 20px;border-radius: 50%;text-align: center;display: inline-block;border: 1px solid transparent;top: 48px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease;}
.services .single-services:hover .icon i{-webkit-transform:translateX(-200%);-moz-transform:translateX(-200%);transform:translateX(-200%);}
.services .single-services .icon.two i{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);transform:scale(0.5);-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;transition:all 0.4s ease; color:#0098ca}
.services .single-services:hover .icon.two i{-webkit-transform:scale(1.0);-moz-transform:scale(1.0);transform:scale(1.0);opacity:1;}.services .single-services h2 {font-size: 18px;margin: 0 0 15px;}
.services .single-services h2 a{color:#353535;}/* Services Sidebar */.services .single-sidebar {background: #fff;padding: 15px;margin-top: 30px;}
.services .single-sidebar h2 {text-transform: capitalize;font-size: 18px;margin-bottom: 15px;padding-bottom: 15px;display: inline-block;position: relative;}
.services .single-sidebar h2::before {position: absolute;left: 0;bottom: 0;width: 50%;height: 2px;content: "";border-radius: 0px;}
.services .single-sidebar ul li {margin-bottom: 5px;font-size: 14px;font-weight: 500;padding: 10px;}.services .single-sidebar ul li:last-child {margin: 0;padding-bottom: 0px;}
.services .single-sidebar ul li:before{display:none;}
.services .single-sidebar ul li i{margin-right:10px;}
.services .single-sidebar ul li.active a,.services .single-sidebar ul li.active:hover a{color:#fff;}
.services .single-sidebar ul li.active a i{color:#fff;}
.services .single-sidebar ul li a {color: #353535;}
.services .single-sidebar.service img {display: inline-block;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;width: 100%;}
.services .single-sidebar.service .single-service {position: relative;overflow: hidden;margin-bottom: 20px;}
.services .single-sidebar.service .single-service:last-child {margin:0px;}
.services .single-sidebar.service .single-service:hover img{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);transform:scale(1.5);}
.services .single-sidebar.service .caption {text-align: center;padding: 8px;position: absolute;width: 100%;bottom: -100px;opacity:0;visibility:hidden;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;color:#fff;}
.services .single-sidebar.service .single-service:hover .caption{opacity:1;visibility:visible;bottom:0;}
.services .single-sidebar.service .single-service .caption a{color:#fff;}/* Services Single */
.services.single{padding:50px 0 80px;}
.services.single .services-slider .owl-dots {position: absolute;margin-top: -10px;left: 50%;margin-left: -15px;bottom: 30px;}
.services.single .services-slider .owl-nav div {position: absolute;top: 50%;background: transparent;color: #fff;border: 0px solid;width: 46px;height: 46px;line-height: 46px;padding: 0;border-radius: 0px;opacity: 1;font-size: 32px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;margin: -23px 0 0;}
.services.single .services-slider .owl-nav div:hover{color:#fff;}
.services.single .services-slider .owl-nav .owl-prev {left:0;-webkit-transform-origin: left;-moz-transform-origin: left;transform-origin: left;-webkit-transform: perspective(600px) rotateY(90deg);-moz-transform: perspective(600px) rotateY(90deg);transform: perspective(600px) rotateY(90deg);}
.services.single .services-slider:hover .owl-nav .owl-prev{-webkit-transform: perspective(600px) rotateY(0deg);-moz-transform: perspective(600px) rotateY(0deg);transform: perspective(600px) rotateY(0deg);}
.services.single .services-slider .owl-nav .owl-next{right:0;-webkit-transform-origin: right;-moz-transform-origin: right;transform-origin: right;-webkit-transform: perspective(600px) rotateY(-90deg);-moz-transform: perspective(600px) rotateY(-90deg);transform: perspective(600px) rotateY(-90deg);}
.services.single .services-slider:hover .owl-nav .owl-next{-webkit-transform: perspective(600px) rotateY(0deg);-moz-transform: perspective(600px) rotateY(0deg);transform: perspective(600px) rotateY(0deg);}
.services.single .services-main{background:#fff;padding:15px;margin-top: 30px;}
.services.single .services-content h2 {color: #353535;text-transform: uppercase;font-size: 25px;margin-top: 20px;}
.services.single .services-content p {margin-top: 15px;}
.services.single .img-right {overflow: hidden;margin-top: 15px;}
.services.single .img-right .text{float:left;width:50%;}
.services.single .img-right .text h4 {margin-bottom: 10px;font-size: 18px;text-transform: capitalize;}
.services.single ul li {margin-right: 5px;position: relative;padding-left: 15px;}
.services.single ul li::before {position: absolute;top: 9px;left: 0;width: 7px;height: 7px;line-height: 9px;content: "";border-radius: 100%;}
.services.single .img-right img {float: left;width: 50%;border: 5px solid #f6f6f6;}
.services.single.full .img-right .text{width:100%;}
/*======================= End services CSS=========================*/

/*=======================Home porfolio CSS=========================*/
.porfolio_home_section {background: #f9f9f9; text-align:center; float:left; width:100%; display:block; padding:30px 0 50px 0;}
.entry-content.innerpage-con .porfolio_home_section{padding-bottom:10px;}
.porfolio_home_section h1.main {font-family:'Roboto', sans-serif; font-size:42px; font-weight:600; text-align:center;
margin-top:0; color:#020f2f; text-align:center; position:relative}

.porfolio_home_section.padbot.caseport p {color:#555;}
.portsttabmain {width:100%; padding:15px 0;}
.portsttabmain .full-wdt {max-width:100% !important;width: 100%;float: left !important;margin-bottom: 20px; text-align:center;}
.portsttabmain .full-wdt h2 {width:100%; float:left; padding-bottom:10px; margin-bottom:50px; position:relative; color: #999;
text-transform: uppercase; border-bottom:0; font-size:36px;}

.full-wdt ul.portstab {padding:0; width:auto; float:none; text-align:center; margin:auto; display:inline-block;}
ul.portstab li {float:left;	margin:0 1px 3px; list-style:none; background:none;}

.full-wdt ul.portstab li button.active-port, ul.portttab li button.active-port {background:#0098ca; outline:0;}
.full-wdt ul.portstab li button[type="button"], ul.portttab li button[type="button"] {background:#999; border-radius:0px;	padding: 9px 25px; color:#fff; border:0; transition:.3s ease;}

.full-wdt ul.portstab li button[type="button"]:hover, ul.portttab li button[type="button"]:hover {background:#0098ca;transition:.2s ease; -webkit- transition: .2s ease; outline:0;}

.full-wdt ul.portstab li.active button[type="button"], ul.portttab li.active button[type="button"] {background:#0098ca;transition:.2s ease; -webkit- transition: .2s ease; outline:0;}

.auto-container{padding-top: 30px;}
.hosting_plans_area_main .hosting_plans_area .auto-container h3{font-size:20px; color: #353535; text-transform: uppercase; padding-bottom: 25px;}
.hosting_plans_area_main .hosting_plans_area .auto-container h3 span{color:#ED1C24;}
.steps-blocks{padding-bottom:20px;}
.auto-container .step-block .inner-box .icon-box{position: relative; width: 128px; height: 128px; margin: 0 auto 15px; overflow: hidden; border-radius: 50%;}
.auto-container .step-block .inner-box h3{font-size:15px; color: #353535; text-transform: uppercase; padding:10px 0px 0px 0px;}
.step-block .inner-box .step-number{position: relative;color: #bfbfbf;font-size: 15px;font-weight: 400;}


.brbtm-solid {border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.collage-box {text-align:left; padding:15px 15px 10px; min-height:196px; display:inline-block; width:100%;}
.folowStep {float:left; border-top:4px solid #f1f1f1; border-bottom:4px solid #f1f1f1;}
.folowStep i {background:url(../img/why-hire-us.png) no-repeat -8px 0px; width:75px; height:75px; display:inline-block; transition:.4s ease; -webkit-transition:.4s ease; float: left;}
.why-sec-dec {padding-left:90px; line-height:26px;}
.college-title {margin-top:0px; text-transform:uppercase; font-weight:700; margin-bottom:15px; color:#1b1b1b; font-size:20px;}
.collage-section {padding:40px 0px 50px 0px; display:inline-block; width:100%; background: #f4f5f9;}
.folowStep i.di_2 {background-position:-7px -78px; width:65px;}
.collage-section .brbtm-solid:nth-child(2n+2){border-right:none;}
.brbtm-solid.bob-none {border-bottom: none;}
.folowStep i.di_3 {background-position: -8px -154px; width:80px;}
.folowStep i.di_4 {background-position: -6px -228px; width: 83px;}
.folowStep i.di_5 {background-position: -6px -310px; width: 80px;}
.cust-btn {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);	box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;	cursor: pointer; background: #fff; text-decoration: none; color: #000; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;	text-transform: uppercase; padding: 10px 25px; line-height: 29px; font-weight: 700; border: 2px solid #0098ca; font-family: 'Open Sans', sans-serif; text-shadow: none; -webkit-text-stroke: 0;}
.cust-btn:hover{display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);	box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;	cursor: pointer; background: #0098ca; text-decoration: none; color: #fff; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;	text-transform: uppercase; padding: 10px 25px; line-height: 29px; font-weight: 700; border: 2px solid #0098ca; font-family: 'Open Sans', sans-serif; text-shadow: none; -webkit-text-stroke: 0;}
.reivew-btn .cust-btn {padding: 10px 45px;}


.porfolio_home_section h2 {text-transform:uppercase; font-size:28px; margin-bottom:15px; padding-bottom:15px;position: relative; margin-bottom:30px;}
.porfolio_home_section h2:after {position:absolute; content: ""; z-index:1;	width:60px;	height:2px;	bottom:-4px; left:50%;	margin-left:-30px;	background:#ED1C24;}
.porfolio_home_section h2:before {position:absolute; content:""; z-index:1;	width:90px;	height:2px;	bottom:-8px; left:50%;	margin-left: -45px; background:#ED1C24;}
.porfolio_home_section p {text-align: center;color:#555; font-size:15px; margin-bottom:15px;}
.portfolio_contaner {width: 100%;display: inline-block;}
.portfolio_contaner ul {margin: 0 0 10px 0;	padding: 0;}

.portfolio_contaner ul li {display:inline-block; width:28%;	list-style:none; border-radius:0px;
overflow:hidden; margin:25px; position:relative; border:1px solid #ccc;}
.portfolio_contaner ul li img {transition:.5s ease; -webkit-transition:.5s ease; -webkit-transform: scale(1);
transform: scale(1);}
.portfolio_contaner ul li:hover img {transition: .5s ease;-webkit-transition: .5s ease;	-webkit-transform: scale(1.25);	transform: scale(1.25);}
.portfolio_contaner ul li:hover .view-live {display:block; transition:.3s ease;	-webkit- transition: .3s ease;
background: rgba(46,47,124,.8) url(../img/water-mark.png) no-repeat center center; opacity:1}

.portfolio_contaner ul li .view-live {transition:.3s ease;-webkit- transition:.5s ease;opacity: 0;	position: absolute;
width:100%; height:100%; background:rgba(0,0,0,.7) url(../img/water-mark.png) no-repeat center center;	top:0;	text-align: center;
-webkit-transform: scale(1.25);	transform: scale(1.25);}

.overlay-text {padding:0 20px; display:table-cell; vertical-align:middle; color:#fff;font-size:15px;	font-weight:600; padding:50px;	line-height:26px; -webkit-text-stroke:0;}

.title-text {display:table;	width:100%;	height:100%;}
.more_case_box a {display:inline-block;	background:#0098ca;	color:#fff;	padding:14px 35px;	text-transform:uppercase;
font-size:14px;	border:0px solid; font-weight:500;	position:relative;  transition:.3s ease; -webkit- transition:.3s ease;}
.more_case_box a:hover{ransition:.3s ease; -webkit- transition:.3s ease; background:#020f2f; text-decoration:none;}

.client_logo_sec {padding:40px 0 0px 0; float:left; width:100%; background:#fff;}
.client_logo_sec h2{font-size:28px; text-transform:uppercase; position:relative;	letter-spacing:1px; text-align:center; max-width:70%; margin:0 auto 32px auto;	padding-bottom:15px;}
.client_logo_sec h2:after{position:absolute; content:"";	z-index:1;	width:60px;	height:2px;	bottom:-4px; left:50%; margin-left: -30px; background:#ED1C24;}
.client_logo_sec h2:before {position:absolute; content:""; z-index:1;	width:90px;	height:2px;	bottom:-8px; left:50%;	margin-left: -45px; background:#ED1C24;}
.client_logo-bg {background:url(../img/map-bg.png) no-repeat center center; padding:20px 0 25px; text-align:center;}
ul.logo-list {margin:0;	padding:0;	list-style:none;}
ul.logo-list li {display:inline-block; vertical-align:top; width:19%; margin-bottom:25px;}
ul.logo-list li img {max-width:51%;	display:block;	margin:0 auto;}

.blog-main {background:#f6f6f6; padding:50px 0 25px 0; display:inline-block; width:100%;}
.blog-main .single-blog.sticky .blog-head {width:55%; background:#fff; padding:10px; position:relative;}
.blog-main .single-blog .blog-head img {width:100%;}
.blog-main .single-blog.sticky .blog-info {width:50%; position:absolute; right:0; background:#fff; padding:15px;
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);	z-index:33;	top:75px;}
.blog-main .single-blog.sticky .blog-info h2 {text-transform:capitalize;font-size:20px;line-height: initial; margin-top:0}
.blog-main .single-blog.sticky .blog-info h2 a{color:#020f2f;}
.blog-main .single-blog.sticky .blog-info i{ margin-right:5px; color:#ED1C24;}
.blog-main .blog-info .meta {margin:5px 0;}
.blog-main .blog-info .meta span {display:inline-block;	color:#353535;	margin-right:5px;}
.blog-main .blog-info .meta span a{ color:#353535}
.testimonial h2 {text-align:center;	text-transform:uppercase; padding-bottom:70px;}
.bx-wrapper {position:relative;	margin:0 auto 60px;	padding: 0;}

.testimonial{float:left; width:100%; display:block; padding:30px 0 50px 0; background:url(../img/bg-testimonial.jpg) repeat;}
.testimonial h2 {text-transform:uppercase; font-size:28px; margin-bottom:15px; padding-bottom:15px;position: relative; margin-bottom:32px;}
.testimonial h2:after {position:absolute; content: ""; z-index:1;	width:60px;	height:2px;	bottom:-4px; left:50%;	margin-left:-30px;	background:#ED1C24;}
.testimonial h2:before {position:absolute; content:""; z-index:1;	width:90px;	height:2px;	bottom:-8px; left:50%;	margin-left: -45px; background:#ED1C24;}
.t_left{ width:200px; float:left; text-align:center}
.testimonial .client_img {display:inline-block;	width:95px; height:95px; overflow: hidden;	border:5px solid #fff;	border-radius:400px; -webkit-border-radius:400px; box-shadow:0 0 5px #ccc;}
.t_right {min-height:200px; margin-left:240px; border:1px solid #ccc;	padding:50px 60px 10px 60px; border-left:3px solid #ED1C24; background:rgba(255,255,255,.7); position:relative; font-style:italic; font-size:15px; line-height:30px;}
.testimonial .circle {background: #ed1c24; border:1px solid #ed1c24; border-radius:80px; height:80px; left:-40px;	margin:0 auto; position: absolute; text-align:center; top:57px; width:80px; line-height:77px; text-align:center;}
.project_box {overflow:hidden; padding:40px 0; width:100%; text-align:center}
.project_box ul {list-style:outside none none; margin:0; padding:0;}
.logo_sec span.botTxt {display: block;	padding: 40px 10px 0 10px;	font-size:24px; line-height:36px; text-align:center; color:#020f2f}
.logo_sec span.botTxt span {font-size:28px; font-weight:700; color:#0098ca; display:inline-block; vertical-align: middle;	margin-bottom: 0px;}
.logo_sec span.botTxt span span{ margin-top:-9px;}
.project_box ul li {display: inline-block;	padding: 0;	width: 15%;	text-align: center;	border: 1px solid #ccc;	overflow: hidden;	height: 60px;	margin: 5px 5px; position:relative}
.project_box ul li img {height:auto; max-height:96%; min-width:auto; width:auto; transform: scale(1.1,1.1); transition:.3s ease; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); /*-webkit-filter: grayscale(100%);    filter: grayscale(100%);*/}
.project_box ul li img:hover {transform: scale(1.2,1.2);  transition:.3s ease;  transform:translate(-50%,-50%)}

/*===================================Estimate-form=============================*/

.estimate-form {float:left;	width:100%;	padding:30px 0 30px;position:relative; background:#020f2f}

.estimate-form h2{font-size:28px; text-transform:uppercase; position:relative;	letter-spacing:1px; text-align:center; max-width:70%; margin:0 auto 32px auto;	padding-bottom:15px; color:#fff;}
.estimate-form h2:after{position:absolute; content:"";	z-index:1;	width:60px;	height:2px;	bottom:-4px; left:50%; margin-left: -30px; background:#ED1C24;}
.estimate-form h2:before {position:absolute; content:""; z-index:1;	width:90px;	height:2px;	bottom:-8px; left:50%;	margin-left: -45px; background:#ED1C24;}
.estimate-form input.medium {background:none;float:left;font-size:14px; color:#cccccc; line-height:42px; padding: 0 15px;
border: 2px solid #a7bfd4;	border-radius:2px;	 background:none;	margin-bottom:0; width:100%;}

ul.box-ftree{margin:0 0 10px 0; padding:0; display:inline-block; width:100%;}
ul.box-ftree li{float:left; width:32.4%; margin-left:15px; list-style:none}
ul.box-ftree li:first-child{ margin-left:0;}

ul.box-f{margin:0; padding:0;}
ul.box-f li{float:left; width:100%; list-style:none}
ul.box-f li:last-child{ text-align:center; margin-top:15px;}

.estimate-form  .textarea {float:left; font-size:14px; color:#cccccc; line-height:22px; padding:8px 15px;	border: 2px solid #a7bfd4; border-radius:2px;	width:100%;	height:65px; background:none;}

.gform_button {display:inline-block; background:#0098ca; color:#fff; padding:15px 55px;	text-transform: uppercase;	font-size: 14px;	border: 0px solid;	font-weight: 500;	position: relative;		transition: .3s ease;	-webkit- transition: .3s ease;}
.gform_button:hover {ransition:.3s ease; -webkit- transition:.3s ease; background:#fff;	text-decoration: none; color:#020f2f;}

.freeQuoteForm1.cont_form1 {display:inline-block; width:65%;}
.FormQuote ul {list-style-type:none; padding:0;}
.freeQuoteForm1 .lab {float:left; margin-right:20px; width:15%;}
.freeQuoteForm1.cont_form1 .input_bg {background-color:#eae8e8;	border-radius:5px; float:left; margin-bottom:10px; padding:4px;
width: 81%;}
.freeQuoteForm1 label {color:#5e5e5e; font-size:15px; text-align:right;	display:block; font-weight:normal}
.freeQuoteForm1 input[type="text"] {border-radius:5px; margin:0; width:100%;}
.freeQuoteForm1 .txtArea, .freeQuoteForm1 .txtbox, .freeQuoteForm1 select {width:100%;	height:45px; font-size:13px; padding: 0 0 0 10px; border:1px solid #ccc;}

.submit{display:inline-block;	background:#0098ca;	color:#fff;	padding:8px 50px;	text-transform:uppercase;
font-size:15px;	border:0px solid; font-weight:500;	position:relative;  transition:.3s ease; -webkit- transition:.3s ease;}
.submit:hover{ransition:.3s ease; -webkit- transition:.3s ease; background:#020f2f;  text-decoration:none;}
.sub-menu-right i{color:#0098ca; margin-right:8px; font-size:16px; float:left; margin-top:9px;}
.sub-menu-right span {float:left;width:88%;}
.freeQuoteForm1 textarea {border-radius:5px; margin:0; min-height:100px; float:left;}
.freeQuoteForm1.cont_form1 .input_bg.bgnone{background:none;}
.eco.main-right-bar .eyeglass-products.adrs li{border:0px; list-style:none}
.contact-us{padding-bottom:30px}

/*=================Testimonial==================*/
.testimonial_area {background: none repeat scroll 0 0 #f8f8f8; text-align:center}

.blog_area.testimonial_area {padding-top: 38px;border-right: 1px solid #CCC;padding-right: 0px; padding-bottom:35px; }
.blog_area.testimonial_area h1 {color:#020f2f; padding-top:36px; font-size:36px; font-weight:600; margin-top:10px;text-align: center; position:relative; padding-bottom:20px;}
.blog_area.testimonial_area h1:after {position:absolute;content: "";z-index:1;	width:60px;	height:2px;	bottom: 0px;
left: 50%;	margin-left: -30px;	background: #ED1C24;}
.blog_area.testimonial_area h1:before {position: absolute;	content: "";	z-index: 1;	width: 90px;	height: 2px;
	bottom: -4px;	left: 50%;	margin-left: -45px;	background: #ED1C24;}
.fonSize16 {color:#555!important; font-size:16px !important; text-align:center;	margin:20px 0 40px; display:block;}
.single_blog_content {float:left; margin:1%; vertical-align:top; width:31.3%; min-height:490px; padding:28px 20px 28px;background: #fff; border: 1px solid #dddddd;}
span.testmonial-user-name {display:block; font-weight:600; font-family:'Roboto', sans-serif;font-size:18px;	color: #303134;}
.collon_picture span {color:#555;}
.blog_area.testimonial_area .single_blog_content img {border-radius:400px; border:10px solid #efefef;	width:125px; height:125px;}
.rating-container .star {display:inline-block;	margin:0 3px; text-align:center;}
.filled-stars .star {color: #63ddf1 !important;}
.rating-container .caption,.rating-container .clear-rating,.rating-container .rating{display:inline-block;vertical-align:middle}
.rating-loading{width:25px;height:25px;font-size:0;color:#fff;background:url(../img/loading.gif) top left no-repeat;border:none}
.rating-container .rating{cursor:default;position:relative;overflow:hidden;white-space:nowrap}
.rating-disabled .rating{cursor:not-allowed}
.rating-container .star{display:inline-block;margin:0 3px;text-align:center}
.rating-container .empty-stars{color:#aaa}
.rating-container .filled-stars{position:absolute;left:0;top:0;margin:auto;color:#fde16d;white-space:nowrap;overflow:hidden;-webkit-text-stroke:1px #777;text-shadow:1px 1px #999}
.rating-rtl{float:right}
.rating-animate .filled-stars{transition:width .25s ease;-o-transition:width .25s ease;-moz-transition:width .25s ease;-webkit-transition:width .25s ease}
.rating-rtl .filled-stars{left:auto;right:0;-moz-transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0);-webkit-transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0);-o-transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0);transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0)}
.rating-rtl.is-star .filled-stars{right:.06em}
.rating-rtl.is-heart .empty-stars{margin-right:.07em}
.rating-lg{font-size:3.91em}.rating-md{font-size:1.6em}
.rating-sm{font-size:2.5em}
.rating-xs{font-size:2em}
.rating-xl{font-size:4.89em}
.rating-container .clear-rating{color:#aaa;cursor:not-allowed;font-size:60%;padding-right:5px}
.clear-rating-active{cursor:pointer!important}
.clear-rating-active:hover{color:#843534}
.rating-container .caption{color:#999;font-size:60%;margin-top:-.6em;margin-left:5px;margin-right:0}
.rating-rtl .caption{margin-right:5px;margin-left:0}
.testimonial.clients_feedback{}
.testimonial.clients_feedback ul{margin:0;}
.testimonial.clients_feedback ul li{list-style:none;}
@media print{
	.rating-container .clear-rating{display:none}}
/*=================Testimonial==================*/


.clients_feedback .main{text-align:center;}
.clients_feedback .carousel-fade .carousel-inner .item{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;}
.clients_feedback .carousel-fade .carousel-inner .active{opacity:1;}
.clients_feedback .carousel-fade .carousel-inner .active.left,
.clients_feedback .carousel-fade .carousel-inner .active.right{left:0;opacity:0;z-index:1;}
.clients_feedback .carousel-fade .carousel-inner .next.left,
.clients_feedback .carousel-fade .carousel-inner .prev.right{opacity:1;}
.clients_feedback .carousel-fade .carousel-control{z-index:2;}


/*================Blog================*/
.NewBLogArea{ line-height:32px;}
.NewBLogArea .container{ width:100%;}
.blogBox.detailSec {font-family:'Roboto', sans-serif; font-size:16px;  padding-top:120px; }
.NewBLogArea h1.heading.inerHeading {font-size:46px; font-family:'Roboto', sans-serif; margin-top:0; color:#020f2f;
	padding-bottom: 40px; text-align:center; font-weight:400;}
b, optgroup, strong{font-family:'Roboto', sans-serif; font-weight:600;}
.blogBox p {font-size:16px;	font-family:'Roboto', sans-serif;}
.custom-blog-section {position:relative; background:#f5f5f5; min-height:405px;	margin-bottom:0px;}
.custom-blog-img-area.left {left: 0px;	background: url(https://www.keyideasinfotech.com/wp-content/uploads/blog/rapnet_download_listings_services_integration.jpg);}
.custom-blog-img-area {position:absolute; z-index:20; top:0; bottom:0;	right:0; width:50%;	overflow: hidden;
	background-repeat: no-repeat !important; background-position:50% 50% !important; background-size: cover !important;
	min-height: 405px;background: url(https://www.keyideasinfotech.com/wp-content/uploads/blog/rapnet_instant_inventory_integration_for_e-commerce_site.jpg);}

.commonblog-container {padding-bottom: 10px;}
.right-img-box2 {float:right;max-width: 50%;padding: 5px 0 20px 40px;}
.right-img-box3 {float: left;	max-width: 50%;	padding: 5px 40px 20px 0px;}
.commonblog-container.newh3blog h3 a {font-size: 17px; font-family:'Roboto', sans-serif; font-weight:400;}
.NewBLogArea .container {width: 91.8%;}
.gallery {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-webkit-column-width: 33%;
    -moz-column-width: 33%;column-width: 33%; }
.gallery .pics {-webkit-transition: all 350ms ease;transition: all 350ms ease;padding: 15px 7px;}
.gallery .animation {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.img-fluid{width:420px;}
.goback{text-align:right; padding:25px 0;}
.goback a{background:#0098ca; border-bottom: medium none; padding:10px 15px 9px; color:#fff!important; transition:.4s ease;
-webkit-transition: .4s ease; font-size:18px; font-family:'Roboto', sans-serif; font-weight:400;}
.goback a:hover {background:#020f2f; color:#fff; transition:.4s ease; -webkit-transition:.4s ease; text-decoration:none;}

.cbp {position:relative; margin:0px 0em;	z-index:1;	height:400px;	font-size:15px;	line-height:1.6; color:#333;}
.cbp>* {visibility:hidden}
.cbp-l-grid-slider-team-wrap {display:inline-block;	padding: 10px 0 15px 0;}
.cbp .cbp-item {list-style-type:none; margin:0; padding:0;	overflow:hidden}
.cbp img {display:block; border:0;	width: 100%;	height:auto}
.cbp a, .cbp a:hover, .cbp a:active {text-decoration: none;	outline: 0}
.cbp-lazyload img {opacity: 1}
.cbp-lazyload img[data-cbp-src] {opacity: 0}
.cbp-lazyload img:not([data-cbp-src]) {-webkit-transition: opacity .7s ease-in-out;	transition:opacity .7s ease-in-out}
.cbp-lazyload:after {z-index: 0}
.cbp-wrapper-outer {overflow:hidden;position:relative;	margin: 0 auto}
.cbp-wrapper-outer, .cbp-wrapper, .cbp-wrapper-helper {list-style-type:none; padding:0;	width:100%;height:100%; z-index:1}
.cbp-wrapper, .cbp-wrapper-helper {margin:0}
.cbp-wrapper {margin-top: 25px;}
.cbp-ready>* {visibility: visible}
 .cbp-ready: { display: none; visibility: hidden}
.cbp-ready .cbp-item {	position: absolute;	top: 0;	left: 0}
.cbp-ready .cbp-wrapper, .cbp-ready .cbp-wrapper-helper {	position: absolute;	top: 0;	left: 0}
.cbp-item-off {	z-index: -1;	pointer-events: none;	visibility: hidden}
.cbp-item-on2off {	z-index: 0}
.cbp-item-off2on {	z-index: 1}
.cbp-item-on2on {	z-index: 2}
.cbp-item-wrapper {	width: 100%;	height: 100%;	position: relative;	top: 0;	left: 0}
.cbp-l-project-related-wrap img, .cbp-l-inline img {	display: block;	width: 100%;	height: auto;	border: 0}
.cbp-updateItems {	-webkit-transition: height .5s ease-in-out !important;	transition: height .5s ease-in-out !important;	will-change: height}
.cbp-updateItems .cbp-item {-webkit-transition: top .5s ease-in-out, left .5s ease-in-out;	transition: top .5s ease-in-out, left .5s ease-in-out}
.cbp-updateItems .cbp-item-loading {-webkit-animation:fadeIn .5s ease-in-out;	animation: fadeIn .5s ease-in-out;-webkit-transition:none; transition: none}
.cbp-removeItem {-webkit-animation: fadeOut .5s ease-in-out;	animation: fadeOut .5s ease-in-out}
.cbp-panel {width: 94%;	max-width: 1170px;	margin: 0 auto}
.cbp-misc-video {position: relative;	height: 0;	padding-bottom: 56.25%;	background: #000;	text-align: center}.cbp-misc-video iframe {position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%} 

@-webkit-keyframes cbp-rotation { 
0% { -webkit-transform:rotate(0deg)} 100% { -webkit-transform:rotate(360deg)}
} 
@keyframes cbp-rotation { 
0% { transform:rotate(0deg)} 100% { transform:rotate(360deg)}} @-webkit-keyframes fadeOut { 0% { opacity:1} 100% { opacity:0}
} 
@keyframes fadeOut { 
0% { opacity:1} 100% { opacity:0}}.clearfix:after {	content: " ";	display: block;	height: 0;	clear: both}.cbp-l-filters-left {	float: left}.cbp-l-filters-right {	float: right} 
@media only screen and (max-width: 480px) {
.cbp-l-filters-left, .cbp-l-filters-right {width: 100%}}
.cbp-caption, .cbp-caption-defaultWrap, .cbp-caption-activeWrap {display: block}
.cbp-caption-activeWrap {background-color: #282727}
.cbp-caption-active .cbp-caption, .cbp-caption-active .cbp-caption-defaultWrap, .cbp-caption-active .cbp-caption-activeWrap {	overflow: hidden;	position: relative;	z-index: 1;}
.cbp-caption-active .cbp-caption-defaultWrap {top: 0}
.cbp-caption-active .cbp-caption-activeWrap {width: 100%;	position: absolute;	z-index: 2;	height: 100%}
.cbp-l-caption-title {color: #fff;	font: 400 16px/21px "Open Sans", sans-serif}
.cbp-l-caption-desc {color: #aaa;	font: 400 12px/16px "Open Sans", sans-serif}
.cbp-l-caption-text {font: 400 14px/21px "Open Sans", sans-serif;	color: #fff;	letter-spacing: 3px;	padding: 0 6px}.cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight {color: #FFFFFF;	display: inline-block;	font: 400 14px/30px "Open Sans", sans-serif;	min-width: 90px;	text-align: center;	margin: 4px;	padding: 0 6px}
.cbp-l-caption-buttonLeft:hover, .cbp-l-caption-buttonRight:hover {	opacity: 0.9;	color: #FFFFFF;}
.cbp-caption-none .cbp-caption-activeWrap {display: none}
.cbp-l-caption-alignLeft .cbp-l-caption-body {padding: 12px 30px}
.cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-opacity .cbp-l-caption-alignLeft .cbp-l-caption-body {padding-top: 30px}
.cbp-l-caption-alignCenter {display: table;	width: 100%; height:100%}
.cbp-l-caption-alignCenter .cbp-l-caption-body {display:table-cell; vertical-align:middle; text-align:center; padding:15px 0}
.cbp-l-caption-alignCenter .blog-tilte {font-size: 20px;	color: #fff;	-webkit-text-stroke: 0px;	padding: 0px 20px !important;	font-weight: 600;}
.cbp-l-caption-body {font-family:'Open Sans'; color:#fff; font-size:14px;}
.cbp-l-caption-body:before {content:"";	position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);	font-size: 280px; color:#fff;	opacity:.5;	font-family:'Open Sans'; transition:.3s ease;	-webkit-transition:.3s ease;	background: url(../img/water-mark.png) no-repeat center center;	width:140px; height:140px;	background-size:cover;	display:inline-block}

.cbp-l-caption-body:hover:before {font-size:180px; transition:.3s ease;	width:120px; height:120px;	-webkit-transition:.3s ease;opacity:.6;}
.entry-footer {border-bottom:1px solid #ccc; margin-top:20px; font-family:'Open Sans';	font-size:14px; padding-bottom:7px;}
.cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {position: relative;-webkit-transition: -webkit-transform .25s;	transition: transform .25s}
.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft {-webkit-transform: translateX(-20px);	transform: translateX(-20px)}.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight, .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {	-webkit-transform: translateX(20px); transform:translateX(20px)}
.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {-webkit-transform: translateX(0);	transform: translateX(0)} 

@media only screen and (max-width: 480px) {
.cbp-l-caption-alignLeft .cbp-l-caption-body {padding: 9px 11px}
.cbp-l-caption-title {font-size:14px; line-height: 21px}
.cbp-l-caption-desc {font-size:11px; line-height: 14px}
.cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight {font-size:11px;	line-height:28px;	min-width:69px;	margin:3px;	padding: 0 4px}.cbp-l-caption-text {	font-size: 13px;	letter-spacing: 1px}
} 
@media only screen and (max-width: 374px) {
.cbp-l-caption-alignLeft .cbp-l-caption-body {padding: 8px 10px}
.cbp-l-caption-title {font-size:13px; line-height:20px}
.cbp-l-caption-desc {font-size:11px; line-height:14px}
.cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight {font-size:10px;	line-height:28px; min-width:62px; margin:1px; padding: 0 4px}
}
.cbp-caption-fadeIn .cbp-caption-activeWrap {opacity: 0; top:0;	background-color: rgba(0,0,0,0.85);	-webkit-transition: opacity .5s;	transition: opacity .5s}
.cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap {opacity: 1}
.cbp-caption-revealLeft .cbp-caption:hover .cbp-caption-activeWrap {-webkit-transform: translateX(-100%); transform: translateX(-100%)}
.cbp-caption-revealTop .cbp-caption-defaultWrap {z-index:2;	-webkit-transition: -webkit-transform .4s;	transition: transform .4s}
.cbp-caption-revealTop .cbp-caption-activeWrap {top: 0;	z-index: 1}
.cbp-caption-revealTop .cbp-caption:hover .cbp-caption-defaultWrap {-webkit-transform: translateY(100%); transform: translateY(100%)}
.cbp-caption-zoom .cbp-caption-defaultWrap {-webkit-transition: -webkit-transform .35s ease-out; transition:transform .35s ease-out}
.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {-webkit-transform: scale(1.25); transform: scale(1.25)}
.cbp-caption-zoom .cbp-caption-activeWrap {	opacity: 0;	top: 0;	background-color: rgba(0,0,0,0.6);	-webkit-transition: opacity.4s;	transition: opacity .4s}
.cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap {opacity: 1;}
.cbp-caption-opacity .cbp-item {padding: 1px}
.cbp-caption-opacity .cbp-caption, .cbp-caption-opacity .cbp-caption-activeWrap, .cbp-caption-opacity .cbp-caption-defaultWrap {background-color: transparent}
.cbp-caption-opacity .cbp-caption {border: 1px solid transparent}
.cbp-caption-opacity .cbp-caption:hover {border-color: #EDEDED}
.cbp-displayType-bottomToTop {-webkit-perspective: 1000px;	perspective: 1000px}
.cbp-displayType-bottomToTop .cbp-item {-webkit-animation: fadeInBottomToTop .3s both ease-in;	animation: fadeInBottomToTop .3s both ease-in} 
@-webkit-keyframes fadeInBottomToTop {
0% { opacity:0; -webkit-transform:translateY(50px)} 100% { opacity:1; -webkit-transform:translateY(0)}
} 
@keyframes fadeInBottomToTop {
0% { opacity:0; transform:translateY(50px)} 100% { opacity:1; transform:translateY(0)}}.cbp-displayType-fadeIn {	-webkit-animation: fadeIn .5s both ease-in;	animation: fadeIn .5s both ease-in} 
@-webkit-keyframes fadeIn {
 0% { opacity:0} 100% { opacity:1}
} 
@keyframes fadeIn {
0% { opacity:0} 100% { opacity:1}
}
.cbp-displayType-fadeInToTop {-webkit-perspective: 1000px;	perspective: 1000px;	-webkit-animation: fadeInToTop .5s both ease-in;	animation: fadeInToTop .5s both ease-in} 
@-webkit-keyframes fadeInToTop {
0% { opacity:0; -webkit-transform:translateY(30px)} 100% { opacity:1; -webkit-transform:translateY(0)}
}
@keyframes fadeInToTop {
0% { opacity:0; transform:translateY(30px)} 100% { opacity:1; transform:translateY(0)}
}
.cbp-l-loadMore-defaultText, .cbp-l-loadMore-button-defaultText {display: block}
.cbp-l-loadMore-loadingText, .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-button-loadingText, .cbp-l-loadMore-button-noMoreLoading {display: none}
.cbp-l-loadMore-loading .cbp-l-loadMore-loadingText, .cbp-l-loadMore-loading .cbp-l-loadMore-button-loadingText {display: block}
.cbp-l-loadMore-loading .cbp-l-loadMore-defaultText, .cbp-l-loadMore-loading .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-loading .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-loading .cbp-l-loadMore-button-noMoreLoading {	display: none}
.cbp-l-loadMore-stop .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-stop .cbp-l-loadMore-button-noMoreLoading {	display: block}
.cbp-l-loadMore-stop .cbp-l-loadMore-defaultText, .cbp-l-loadMore-stop .cbp-l-loadMore-loadingText, .cbp-l-loadMore-stop .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-stop .cbp-l-loadMore-button-loadingText {display: none}
.cbp-l-loadMore-bgbutton {text-align: center}
.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link {border:1px solid #DEDEDE; color:#7E7B7B;	display: inline-block;	font: 400 13px/40px "Lato", sans-serif; min-width:80px;	text-decoration:none;	padding: 0 50px; margin-top: 50px;	outline: 0;	box-shadow:none; letter-spacing:1px; -webkit-transition:color .25s;	transition: color .25s}
.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link:hover, .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-loading {	color: #B0B0B0}
.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-stop {color: #B0B0B0;	cursor: default}
.cbp-l-loadMore-button {text-align:center; margin-bottom:20px;}
.cbp-l-loadMore-button .cbp-l-loadMore-link, .cbp-l-loadMore-button .cbp-l-loadMore-button-link {border:1px solid #DEDEDE;	color: #7E7B7B;	display: inline-block;	font: 400 12px/36px "Open Sans", sans-serif; min-width:80px; text-decoration:none;	padding: 0 30px; outline:0;	margin-top:40px; box-shadow:none;	-webkit-transition: color .25s;	transition: color .25s}
.cbp-l-grid-slider-team-name {float:left;	font-size: 2em;	line-height: 1.33333;	color: #171617;	margin-top: 0px;	font-family:'Roboto', sans-serif;}
.cbp-l-grid-slider-team-desc {padding-top:25px;}
.entry-content.innerpage-con .container{ width:100%; max-width:94%;}
.php-header h1.entry-title.blog-header{line-height:normal; padding:35px 0 0 0!important;}


.NewBLogArea.inerBlg .col-lg-12{ padding:0}
.NewBLogArea.inerBlg .container{width:100%; max-width:90%; margin:0 auto}
/*.NewBLogArea.inerBlg{}


.NewBLogArea.inerBlg .container .col-lg-12 .blogBox{ max-width:90%; margin:0 auto}
.NewBLogArea.inerBlg .container .col-lg-12 .custom-blog-section.blogBox.detailSec{ width:100%;}

.NewBLogArea.inerBlg .container .custom-blog-section.blogBox.detailSec {width:100%;	max-width:100%;}*/
/*================Blog================*/

.tabing-box {width:100%; display:inline-block; border-bottom:1px solid #ccc;}
.tabing-box h3 {display:inline-block;	float:left; margin-top:0;	border-bottom:0!important;	margin-bottom:0;}
.body_sitemap h3 {color:#020f2f;font-size:24px;	font-weight:500; text-decoration:none; border-bottom: 1px solid #cecece; margin-bottom:20px; padding-bottom:10px;}
.body_sitemap h3 a{color:#020f2f}
.tab-button {float:right;}
.tab-button li.active {background:#020f2f; color:#fff;}
.tab-button li {display:inline-block; padding:5px 20px 6px 20px; background:#ccc; cursor:pointer; font-size:16px; margin-left: 5px; transition:.3s ease;}
.tab-button li:hover{background:#020f2f; color:#fff;}
.body_sitemap h4 {font-size:20px; font-weight:500; margin-bottom:10px; margin-top:17px;}
.inner_container h4 a {color:#353535;}
.body_sitemap .inner_container ul {margin:20px 0 20px 40px;	padding: 0;}
.body_sitemap .inner_container ul li {display:inline-block;	vertical-align: top; width:48%;	padding: 0 0 2px 14px;	position: relative;}
.body_sitemap .inner_container ul li a::before {content: ".";	font-size:30px;	font-weight: 700;	position:absolute;	top:-8px; left:0;}
.body_sitemap .inner_container ul li a {font-size:15px;	letter-spacing:0; font-weight:400; padding:0;	color: #636363 !important;}
.body_sitemap .services{ background:none;}

.php-header.sitemap-banner{height:225px; background:url(../img/ecommerce.png) repeat; width:100%; display:block; float:left; margin:77px 0 65px 0;}
.body_sitemap h1{text-align:center; color:#020f2f;}
.casestudy-details-box {padding:58px 0px;}
.case_detail .normalheading {font-size:24px; font-weight:500; margin-bottom:8px;}
.focus-points {padding-bottom:55px;}
.focus-points h3 {margin:10px 0 0px 0; font-size:14px; font-weight:normal;}
ul.live_botton {margin:0; padding:0;}
ul.live_botton li {display:inline-block; padding-right:13px;}
.case_detail .normalheading2 {font-size:24px;font-weight:500;margin-top:42px;	margin-bottom: 8px;}
@media (max-width: 450px) {    
.gallery {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;-webkit-column-width: 100%;        -moz-column-width: 100%;column-width: 100%;    }
}
@media (max-width: 400px) {
    .btn.filter {padding-left: 1.1rem;padding-right: 1.1rem;}
}

@media screen and (max-width:1024px){
.banner-services{width:100%;}
.section-title h2{max-width:100%;}
.services .single-services{ min-height:290px;}
.container{ width:94%;}
.portfolio_contaner ul li{width:25%;}
.footer .footer-top .col-md-3.col-sm-6.col-xs-12{min-height:394px; width:33.3%}
.footer .footer-top .col-md-3.col-sm-6.col-xs-12:last-child{width:100%; min-height: inherit;}
.footer .footer-top .single-widget.photo-gallery ul li{ width:16%; }
.our-plan .plan_box {margin:0 0% 0 0; width:50%;}
.ch-grid{display:none;}
header .top-right-nav ul li .activer{padding: 10px 10px 9px;}
.top-right-nav ul li{padding: 14px 4px;}
.top-main-logo{max-width:90px;}
.entry-title{font-size:42px;}
.php-header{margin-bottom:10px;}
}


@media only screen and (max-width:767px) and (min-width:300px){
.services.section .col-sm-6{width:100%;}
.services .single-services{padding:20px 20px 20px 72px; min-height:inherit;}
.services .single-services .icon i{ top:20px;}
.our-plan .plan_box{width:100%; }
.our-plan .sixteen{ padding:0}
.portfolio_contaner ul li{width:100%; margin: 0 0 15px 0;}
.t_left {float:none; margin:0 auto;}
.t_right{ margin-left:0; padding:60px 10px 60px 60px}
.testimonial .circle {height:50px; left:10px; margin: 0 auto;   top:10px;  width:50px;  line-height:49px;}
.testimonial .circle img{ width:30px;}
.blog-main .single-blog.sticky .blog-head{ width:100%;}
.blog-main .single-blog.sticky .blog-info{ position:relative; width:100%; top:-30px}
.project_box ul li{width:46%;}
.footer .footer-top .col-md-3.col-sm-6.col-xs-12{min-height:inherit; width:100%;}
.footer .footer-top .single-widget.photo-gallery ul li{ width:50%; text-align:center}
ul.box-ftree li{width:100%; margin-left:0; margin-bottom:15px;}
ul.box-ftree{margin-bottom:0; float:left;}
.footer .footer-top{padding-top:10px;}
.right-img-box2, .right-img-box3 {max-width:100%; padding: 5px 0 20px 0px;}
.custom-blog-img-area{position:static; width:100%;}

}