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

*{ margin:0; padding:0; font-weight:normal; text-decoration:none; vertical-align:top;}
body{ margin:0; padding:0; font-family: 'courier_newregular'; font-weight:normal; font-size:13px; color:#3a3a3c;}

a:hover,
a:focus{ outline:none; color:#abe1fa; text-decoration:none;}

img{ max-width:100%;}
img:hover,
img:focu{ outline:none;}

ul,ol{ list-style:none;}

h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;}
h2{ font-size:36px; color:#abe1fa; font-weight:normal; text-decoration:none; }
h3{ color:#fff; font-size:60px;}

p{ color:#000; font-size:15px; padding:0 0 15px;}

.button{ background:#abe1fa; padding:10px 15px 8px; background:#abe1fa; font-size:13px; color:#fff; transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -webkit-transition:ease-in-out .5s; text-decoration:none;  }
.button:hover{ background:#000; color:#fff; }

/********** Header css start ********/
header#header{ padding:31px 0; box-shadow:0 1px 13px #000; -moz-box-shadow:0 1px 13px #000; -ms-box-shadow:0 1px 13px #000; -webkit-box-shadow:0 1px 13px #000; z-index:100; position:relative;}
h1.logo{ margin-top:-5px;}
.call-icon{ background:url(../img/icon/call-icon.png) no-repeat 0 0; display:block; border:1px solid #abe1fa; height:40px; padding:0 0 0 60px; }
.call-icon p{ color:#3a3a3c; font-size:16px; font-weight:bold; line-height:36px;}
/***** Navigation css start *****/
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border:0; background:none; border-radius:0; }
.navbar-default { background-color:transparent; border:0; margin:0; border-radius:0; }
.navbar-default .navbar-nav > li > a { color:#3a3a3c; font-size:16px; font-weight:bold; text-decoration:none; padding:10px 13px;}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover{ background-color:transparent; color: #abe1fa;}

#menu-roulstonmenu > .current-menu-item > a,
#menu-roulstonmenu > .current-menu-item > a:hover,
#menu-roulstonmenu > .current-menu-item > a:focus,
#menu-roulstonmenu > li > a:hover { background-color:transparent; color: #abe1fa; }


.container-fluid { padding-left:0; padding-right:0;}
.navbar-collapse { padding-left:0; padding-right:0;}
.navbar { min-height: inherit; position: relative;}

.headding h3 {  font-size: 40px;}

/************ Services css start **********/
.services-box{ background:url(../img/bg/bakc-08.png) repeat 0 0; margin:-96px 0 20px; padding:25px 0 15px;  position:relative; width:100%; display:inline-block; z-index:100; }
.services-box i{ width:100%; text-align:center; margin:0 auto 15px; height:55px; display:block; width:61px;}
.planing-icon{ background:url(../img/icon/planing-icon.png) no-repeat center 0; }
.development-icon{ background:url(../img/icon/devlopment-icon.png) no-repeat center 0; }
.completed-icon{ background:url(../img/icon/complated-icon.png) no-repeat center 0;}
.services-box p { text-align:center; padding-bottom:5px;}
.services-box p a{ color:#fff; font-size:22px; text-align:center; text-decoration:none; display:inline-block; }
.services-box p a:hover{ color:#abe1fa;}
.services-box:before{ position:absolute; left:0; bottom:-20px; background:url(../img/shadow-01.png) no-repeat center 0; display:block; width:100%; height:20px; content:"";  }
.left-border{ width:8px; height:85px; background:#abe1fa; position:absolute; left:0; top:50%; margin:-42.5px 0 0; }
.right-border{ width:8px; height:85px; background:#abe1fa; position:absolute; right:0; top:50%; margin:-42.5px 0 0;}



/********** content css start ***********/
#content{ padding:0 0 50px;}
.about-section{ background:url(../img/bg/about-bg.jpg) no-repeat center 0; display:block; width:100%; min-height:200px; padding:72px 0 52px; margin:-25px 0 0;}
.about-section h2{ text-align:center; background:url(../img/icon/border-01.png) no-repeat center 100%; display:block; padding:0 0 18px; margin:0 0 34px;}
.about-section p{ padding-bottom:15px; text-align:center; line-height:normal;}

/************* Portfolio section css start ************/
.portfolio-section{ background:#f2f5f6; padding:50px 0 65px;}
.portfolio-section h2{ display:inline-block; line-height:38px; margin:0 18px 0 0;}
.portfolio-section p{ display:inline-block; border-left:4px solid #a9a9a9; padding:0 0 0 20px; font-size:14px; }
.portfolio-section a{ float:right;}
.portfolio-gallery { margin:40px 0 0; width:100%; display:inline-block; }
.portfolio-gallery > div:last-child { float:right;}

.portfolio-img{ display:inline-block; border-bottom:4px solid #000; position:relative; margin:0 0 18px; transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -webkit-transition:ease-in-out .5s; width:260px; }
.portfolio-img:after{ background:url(../img/portfolio/shadow-01.png) no-repeat 0 0; width:249px; height:14px; content:""; position:absolute; bottom:-18px; left:0; }
.portfolio-dtl{  transform:scale(0); transition: ease-in-out .5s; -moz-transition: ease-in-out .5s; -ms-transition: ease-in-out .5s; -webkit-transition: ease-in-out .5s; position:absolute; top:0; left:0; opacity:0; filter: alpha(opacity=0); }
.portfolio-img:hover{ border-color:#fff;}
.portfolio-img:hover .portfolio-dtl{ transform:scale(1); width:100%; height:186px; background:url(../img/bg/balck03.png) repeat 0 0; display:block; position:absolute; top:0; left:0; opacity:1; filter: alpha(opacity=100); }
.border{ border:3px solid #fff; margin:10px; height:90%; padding:50px 15px; text-align:center;}
.portfolio-dtl h4{ color:#fff; font-size:22px; padding-bottom:10px;}
.portfolio-dtl h6{ color:#fff; font-size:16px; }





/************** collaborators section css start *******/
.collaborators-section{ padding:51px 0 23px; }
.collaborators-section h2{ display:inline-block; line-height:38px; margin:0 18px 0 0;}
.collaborators-section p{ display:inline-block; border-left:4px solid #a9a9a9; padding:0 0 0 20px; font-size:14px; line-height:38px; }
ul.collaborators-gallery{ margin:0px 0 1px;  display:inline-block;}
.collaborators-section .flexslider{ margin:42px 0 23px; }



ul.collaborators-gallery li{
  border:1px solid #d9d9d9;
  margin:0 4px;
  width:18.4%;
  min-height: 218px;
  align-items: center;
  display: flex!important;
  justify-content: center;
  padding:5px 10px;
  text-align: center;
}

ul.collaborators-gallery li a{ overflow:hidden; display:inline-block; width:100%; }

.collaborators-section ul.collaborators-gallery li a img{
  transition:ease-in-out .5s;
  -moz-transition:ease-in-out .5s;
  -ms-transition:ease-in-out .5s;
  -webkit-transition:ease-in-out .5s;
  display: inline-block;
  max-height: 200px;
  width: auto;
}
.collaborators-section ul.collaborators-gallery li a:hover img{
  transform:scale(1.2);
}

ul.collaborators-gallery li:first-child{ /*margin-left:0;*/}
ul.collaborators-gallery li:last-child{/* margin-right:0; float:right;*/}


/********* Footer css start *******/
footer{ background:#272728; padding:12px 0; width:100%;}
.footer-logo{ display:inline-block; padding:5px 0;}
.socila-icon{ float:right;}
.socila-icon a img{ float:right; margin:0 0 0 10px; transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -webkit-transition:ease-in-out .5s;}
.socila-icon a:hover img{ border-radius:100%;}


/************* inner page css start *********/
.headding{ background:#000; padding:30px 0 25px 0; margin:0 0 30px; }
.other-hedding h4{ border-bottom:1px dashed #8ea5d8; padding:0 0 10px; margin:0 0 20px; display:block; text-transform:none; font-size:22px; color:#abe1fa; }
.other-hedding { margin: 20px 0 0;}

.inner-page .portfolio-gallery{ margin-top:30px;}
.section01 h2{  background: url(../img/icon/border-01.png) no-repeat center 100%; display: block; margin:35px 0 0; padding: 0 0 18px; text-align: center;}
.inner-page .portfolio-img{ margin-bottom:40px;}
.inner-page .portfolio-gallery > div:last-child{ float:left;}
.inner-page .services-box{ margin:40px 0;}

.padding-left-none{ padding-left:0;}
.padding-right-none{ padding-right:0;}



/*********** Contact Page css start *********/
.input-box{ width:100%; display:block; margin:0 0 20px; }
.input-box label{ color:#7d7d7d; font-size:16px; font-weight:normal; text-decoration:none; line-height:21px; display:block; margin:0; padding:0; }
.input-box input,
.input-box textarea{ background:#fff; border:1px solid #d3d3d3; padding:9px; line-height:16px; width:100%; }
.input-box input:hover,
.input-box textarea:hover{ border:1px solid #abe1fa;}
.input-box textarea{ height:130px;}

.input-box input[type="submit"]{ background:#abe1fa; border:0; box-shadow:none; padding:10px 0; color:#fff; font-size:20px; width:210px; margin:0 auto; display:block;}
.input-box input[type="submit"]:hover{ background:#231f20;}

.addrees-div{ margin:0 0 15px;}
.addrees-div p{ padding:0 0 10px 25px; font-size:15px; color:#000; text-decoration:none; line-height:22px;}
.addrees-div p a{ font-size:16px; color:#000; text-decoration:none; line-height:22px;}
.addrees-div p a:hover{ color:#abe1fa;}
.addrees-div p strong{ color:#000; font-weight:bold; display:block;}


.address-icon{ background:url(../img/icon/home-icon.jpg) no-repeat 0 4px; display:block; }
.mail-icon{ background:url(../img/icon/mail-icon.jpg) no-repeat 0 5px; display:block; }
.phone-icon{ background:url(../img/icon/call-icon01.jpg) no-repeat 0 4px; display:block; }

.map{ border:1px solid #eee; padding:9px;}
.map iframe { width:100%; height:240px;}
.contact-page h4{ border-bottom:1px solid #cecece; color:#abe1fa; font-size:30px; padding:0 0 10px; margin:0 0 15px;}



/**************** Portfolio page css start *******/
.headding .portfolio-page h3 { display:inline-block; width:31%;}
.headding .portfolio-page p { display:inline-block; width:68%; color:#fff; padding:10px 0 0;}

ul.left-side{ margin:-30px 0 0; padding:0; background:#fafafa; width:100%; border:1px solid #e6e6e6; border-bottom:0;}
ul.left-side li { border-bottom: 1px solid #e6e6e6; margin:45px 0;  padding:0 0 45px; text-align: center; }
ul.left-side li a{ font-size:22px; color:#000;  }
ul.left-side li a:hover,
ul.left-side li a.active{ color:#abe1fa; }

ul.left-side li a i{ width:100%; display:block; margin:0 0 8px; transition:ease-in-out .5s;}
li .planning-icon{ background:url(../img/icon/icon01.png) no-repeat center 0; display:block; height:44px;}
li a:hover .planning-icon,
li a.active .planning-icon{ background-position:center -44px;}

li  .development-icon{ background:url(../img/icon/icon02.png) no-repeat center 0; display:block; height:55px;}
li a:hover .development-icon,
li a.active .development-icon{ background-position:center -55px;}

li .complated-icon{ background:url(../img/icon/icon03.png) no-repeat center 0; display:block; height:54px;}
li a:hover .complated-icon,
li a.active .complated-icon{ background-position:center -54px; }

.portfolio-part { display: inline-block; padding: 25px 0 10px; width: 100%; }
.portfolio-part h5{ color:#000; font-weight:normal; text-decoration:none; font-size:22px; border-bottom:1px solid #dbdbdb; padding:0 0 10px; display:block; margin:0 0 15px; }
.portfolio-img01 { float:left; position:relative; margin:5px 20px 20px 0; height:218px;}
.portfolio-img01 a{ display:inline-block; position:relative;}
.portfolio-img01 img{border-bottom:4px solid #fff; position:relative; }
.portfolio-img01 a:after{ background:url(../img/portfolio/shadow-01.png) no-repeat center 0; width:249px; height:14px; display:block; position:absolute; bottom:-14px; left:0; content:""; margin:0 0 0 -125px; left:50%;  }
.portfolio-part a{ color:#000; font-weight:bold;}
.portfolio-part a:hover{ color:#abe1fa; font-weight:bold;}

/* ==================== pagination Style =====================*/
.pagination{ border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:6px 0; width:100%; text-align:center; border-radius:0;}
.pagination li{ display:inline-block; }
.pagination li a{ font-size:16px; display:inline-block; width:auto; height:28px; color:#b8b8b8; padding:0 8px; border-radius:0 !important; line-height:28px; border:1px solid #fff;}
.pagination li a:hover,
.pagination li a:focus,
.pagination li a.active{ background:#abe1fa; border:1px solid #5775b5; color:#fff;}


.portfolio-dtl { transform:scale(0); transition: ease-in-out .5s; -moz-transition: ease-in-out .5s; -ms-transition: ease-in-out .5s; -webkit-transition: ease-in-out .5s; position:absolute; top:0; left:0; opacity:0; filter: alpha(opacity=0);  width:100%; height:100%; }
.portfolio-img01:hover{ border-color:#fff;}
.portfolio-img01:hover .portfolio-dtl{ transform:scale(1); width:100%; height:200px; background:url(../img/bg/balck03.png) repeat 0 0; display:block; position:absolute; top:0; left:0; opacity:1; filter: alpha(opacity=100); }
.link-icon{ background:url(../img/icon/link.png) no-repeat center 0; width:35px; height:35px; display:block; margin:15px auto 0;  }
.portfolio-img01 .portfolio-dtl a:after{ display:none; }

.popup-icon{ background:url(../img/icon/popup-icon.png) no-repeat center 0; width:35px; height:35px; display:block; margin:15px auto 0; }


.left-bg{ position:relative;}
.left-bg:after{ background:#fafafa; border:1px solid #e6e6e6; position:absolute; left:15px; top:0; width:262px; height:98.7%; content:""; z-index:-1; }
.left-bg {display: inline-block; height: 100%; position: relative; width: 100%; }

.logo-img { border: 2px solid #b9b9b9; display: inline-block; margin: 30px 2%; text-align: center; width: 28%;}

/* ==================== pagination pj Style =====================*/

.paginationpj {
padding:20px 15px; font-size:13px;
line-height:13px; float:right; }

.paginationpj span, .paginationpj a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}

.paginationpj a:hover{
color:#fff;
background: #3279BB;
}

.paginationpj .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}

.navbar-nav > li { margin: 0 25px;}

#content-404err .err404 {
  text-align: center;
}

#commentform .form-allowed-tags{ display: none !important;}
.comment-form-comment textarea {  width: 100%;}

.home .portfolio-img img {
  height: 185px;
  width: 260px;
  object-fit: cover;
}
.portfolio-part img{width:100%; height:auto;}

.current_page_parent a{color:hsl(199, 89%, 83%) !important;}

#menu-item-162 .sub-menu {
  display: none;
}