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

1.Table of content index page
============================
1.Header part
2.Menu part
3.Banner Part
4.About Part
5.Service Part
6.Project Part
7.Testimonial part
8.Expert Part
9.Blog Part
10.Footer Part

2. Table of content About page
============================
1.Header part
2.Menu part
3.About page banner Part
4.About part
5.Expert part
5.Testimonial part
6.Footer Part

3. Table of content Service page
===================================
1.Header part
2.Menu part
3.Service page banner part
4.category part
4.Service part
5.Testimonial part
6.Footer Part

4.Table of content Project page
===================================
1.Header part
2.Menu part
3.Project page banner part
4.project part
5.Footer Part

5. Table of content Blog page
==================================
1.Header part
2.Menu part
3.Blog page banner part
4.Blog part
5.Footer Part

6. Table of content Blog detail page
==================================
1.Header part
2.Menu part
3.Blog detail page banner part
4.Blog Details page part
5.Footer Part

7. Table of content Team page
==================================
1.Header part
2.Menu part
3.Team page banner part
4.Team part
5.Footer Part

8. Table of content Member Details page
==================================
1.Header part
2.Menu part
3.Member page banner part
4.Member part
5.Expert part
6.Blog part
7.Footer Part

9. Table of content 404 page
==================================
1.Header part
2.Menu part
3.404 Banner part

10. Table of content Contact page
==================================
1.Header part
2.Menu part
3.Contact banner part
4.Contact Page part
5.Footer Part

*/

* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}

ul,
ol {
    list-style-type: none;
}

a {
    text-decoration: none;
    display: inline-block !important;
}

a:hover {
    text-decoration: none;
}

img {
    vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: "autograph";
    src: url(../autograf-personal/Autograf_PersonalUseOnly.ttf);
}


/*** 
=============================================
    Pro Withtext Area style
=============================================
***/
#project-area.pro-withtext-area .single-project-item{
  padding-bottom: 27px;
}
#project-area.pro-withtext-area .single-project-item .img-holder .overlay .box .content .icon-holder {
  background: transparent;
  border-radius: 50%;
  height: 40px;
  transition: all 500ms ease 0s;
  width: 40px;
  position: static;
  text-align: center;
  margin: 0 auto;
}
#project-area.pro-withtext-area .single-project-item .img-holder .overlay .box .content .icon-holder a span::before {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}
#project-area.pro-withtext-area .single-project-item .img-holder .overlay .box .content .icon-holder:hover{
  background: #d5ac63;
}

#project-area.pro-withtext-area .single-project-item .text-holder {
  padding-top: 22px;
   text-align: right;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
}
#project-area.pro-withtext-area .single-project-item .text-holder a h3{
  color: #252525;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 4px;
  text-transform: capitalize;
   text-align: right;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
}
#project-area.pro-withtext-area .single-project-item .text-holder p{
  color: #8cc43f;
  ont-size: 10px;
  font-weight: 200;
  margin: 0;
  line-height: 26px;
}
#project-area.pro-withtext-area .post-pagination {
  padding-top: 40px;  
}


/*========================================
            Common Css End
========================================*/


/*========================================
            Pre-loader part start 
========================================*/

.pre_loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999999;
}

.pre_loader img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


/*========================================
            Header part start 
========================================*/

#header_part {
    height: 50px;
    background: #2e358d;
    position: relative;
	
}

#header_part::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    background: url(../images/menu_shape.png) no-repeat center;
    background-size: cover;
    height: 89px;
    z-index: -1;
}

#header_part h6 {
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
}

#header_part p {
    line-height: 50px;
    text-align: right;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
}

#header_part p span {
    padding-left: 30px;
}

#header_part p span i {
    padding-right: 5px;
	font-size: 26px;
	color: #8cc43f;
}


 


/*========================================
            Header part End 
========================================*/


/*========================================
            Menu part start 
========================================*/

.navbar {
    height: 150px;
    z-index: 999;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    width: 200px;
}

.menu_head input {
    width: 98px !important;
    border: 0;
    border-radius: 0;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.menu_head input::placeholder {
    color: #666;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
}

.menu_head input:focus {
    box-shadow: none;
}

.menu_form {
    margin-left: auto;
}

.menu_head button {
    border: 0;
    color: #666;
    font-size: 14px;
    margin-left: -20px;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
    text-align: right;
    padding: 8px 13px 7px;
}

.menu_head button:hover {
    background: none;
    color: #666;
}

.menu_head button:focus {
    box-shadow: none;
    border: 0;
    border-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
    color: #cccccc;
    background-color: transparent;
    border-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: none;
}

.menu_form:hover input {
    width: 175px !important;
    border: 1px solid #999;
    margin-right: -40px !important;
    padding-right: 40px;
}

.menu_form:hover button {
    margin-left: 0;
}

@keyframes menuanimate {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

.menu_fix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding-bottom: 20px;
    animation: menuanimate .4s linear;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);
    height: 100px;
    padding-bottom: 7px;
}

.menu_fix .navbar-brand img {
    height: 70px;
}

.main_menu ul li {
    position: relative;
}

.main_menu ul li a.nav-link {
    padding: 0 9px !important;
    display: inline-block;
    color: #444;
    font-size: 13px;
    
    font-weight: 600;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    position: relative;
    z-index: 1;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.main_menu ul li a.nav-link:hover {
    color: #8cc43e;
}

.main_menu {
    position: relative;
}

.menu_form {
    margin-left: auto;
    position: absolute;
    right: 0;
}

.main_menu ul li ul {
    position: absolute;
    left: 0;
    bottom: -220px;
    width: 200px;
    background: #f1f1f1;
    text-align: center;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
    visibility: hidden;
    opacity: 0;
}

.main_menu ul li:hover ul {
    bottom: -200px;
    visibility: visible;
    opacity: 1;
}

.main_menu ul li a i {
    padding-left: 5px;
}

.main_menu ul li ul::after {
    position: absolute;
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #f1f1f1;
    left: 35px;
    top: -20px;
}

.main_menu ul li ul li a {
    color: #444;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 40px;
    position: relative;
    z-index: 1;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.main_menu ul li ul li a:hover {
    color: #8cc43e;
}

.menu_fix ul li:hover ul {
    bottom: -174px;
    visibility: visible;
    opacity: 1;
}

.menu_head ul li a.active {
    color: #8cc43e;
}


/*========================================
            Menu part End 
========================================*/


/*========================================
            Banner part Start 
========================================*/

#banner_part {
    position: relative;
    margin-bottom: -6px;
}

#banner_part .slider-for {
    overflow: hidden;
}

#banner_part .slider-nav .draggable {
    padding-top: 30px !important;
}

#banner_part .item {
    position: relative;
}

.banner_row {
    cursor: pointer;
}

#banner_part .item::after {
    position: absolute;
    content: "";
    left: 0;
    top: -30px;
    width: 93%;
    height: 1px;
    background: #fff;
}

#banner_part .slick-center .item:after {
    background: #8cc43e;
}

#banner_part .demo_img_text {
    padding-top: 35px;
}

#banner_part .slick-center .demo_img_text p {
    color: #8cc43e;
}

#banner_part .slick-center .demo_img_text span {
    color: #8cc43e;
}

#banner_part .banner_img img {
    width: 100%;
    height: 600px;
}

#banner_part .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 50;
    margin-top: -12px;
}

#banner_part .slick-prev {
    left: 0;
}

#banner_part .slick-next {
    right: 0;
}

.banner_img {
    position: relative;
}

.banner_img .overly {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 95px 0 0 0;
}

.banner_img .overly h6 {
    color: #8cc43e;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    padding-bottom: 10px;
}

.banner_img .overly h1 {
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
}

.banner_img .overly h1 > span {
    display: block;
    font-weight: 700;
    padding-top: 3px;
}

.banner_img .overly a {
    display: inline-block;
    margin-top: 50px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    position: relative;
    z-index: 1;
}

.banner_img .overly a::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background: #8cc43e;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
    z-index: -1;
}

.banner_img .overly a:hover:after {
    height: 48px;
}

.banner_img .overly a span {
    padding: 0 22px;
    line-height: 48px;
}

.banner_img .overly a i {
    padding: 0 13px 0 20px;
    line-height: 49px;
    position: relative;
}

.banner_img .overly a i::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -2px;
    width: 2px;
    height: 0px;
    background: #222;
    transform: rotate(12deg);
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.banner_img .overly a:hover i:after {
    height: 51px;
}

.demo_img_text h2 {
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
}

.demo_img_text p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
}

.demo_img_text span {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
}

.small_banner {
    position: relative;
}

.small_banner .slider-nav {
    position: absolute;
    left: 0;
    bottom: 53px;
    width: 100%;
}


/*========================================
            Banner part End 
========================================*/
@font-face {
font-family: "Al-Jazeera-Arabic-Bold";
src: url("../webfonts/Al-Jazeera-Arabic-Bold.ttf");
}

/*========================================
            About part Start 
========================================*/

.about_text {
    padding-top: 5px;
}

.about_text h5 {
    color: #8cc43e;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    padding-bottom: 22px;
	text-align:right;
	 
	
	
	
}

.about_text h3 {
    color: #2e358d;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    padding-bottom: 22px;
	text-align:right;
	 
	
}

.about_text p {
    color: #444444;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
    margin-bottom: 28px;
	text-align:right;
	padding-right: -75px;
	 
}

.about_text a {
    color: #222222;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    position: relative;
    line-height: 48px;
    padding: 0 20px;
    display: inline-block !important;
}

.about_text a::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background: #8cc43e;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
    z-index: -1;
}

.about_text a:hover {
    color: #fff;
}

.about_text a:hover:after {
    height: 48px;
}

.main_counter {
    padding: 0px 0 90px 0;
}

 

.about_counter {
    padding-top: 46px;
	padding-left: -116px;
   
}

.about_line {
    position: relative;
}

.about_line:after {
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 42px;
    background: #8cc43e;
}

.about_counter:last-child {
    padding-bottom: 0px;
}

.about_counter h4 {
    text-align: center;
    color: #999999;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
}

.about_counter h4 span {
    color: #8cc43e;
    font-size: 50px;
    font-weight: 700;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    position: relative;
}

.about_counter h4 span.last {
    padding-right: 55px;
}

.about_counter h4 span.last:after {
    position: absolute;
    content: "%";
}

.about_counter p {
    color: #999;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    text-align: center;
}

.about_text p span {
    display: block;
    padding-top: 30px;
}


/*========================================
            About part End 
========================================*/


/*========================================
            Service part start 
========================================*/

#service_part {
    padding: 55px 0 118px 0;
    background: url(../images/service_banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
    margin-top: -1px;
}

#service_part:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    z-index: -1;
}

.service_inner {
    position: relative;
}

.service_head h5 {
    color: #8cc43e;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    padding-bottom: 10px;
}

.ser_img_mar {
    margin-right: 25px;
}

.ser_img_mar2 {
    margin-left: 25px;
}

.service_head h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    padding-bottom: 52px
}

.service_inner .overly {
    position: absolute;
    right: -27px;
    bottom: -29px;
    width: 400px;
    border: 1px solid #8cc43e;
    background: #f5f5f5;
    text-align: right;
    padding: 28px;
}

.service_inner .overly2 {
    right: -60px;
    bottom: -29px;
}

.service_inner .overly h6 {
    color: #8cc43e;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
}

.service_inner .overly h4 {
    color: #999999;
    font-size:18px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
    padding-bottom: 15px;
}

.service_inner .overly a {
    color: #222222;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    display: inline-block;
    padding: 10px 10px;
    position: relative;
    z-index: 1;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.service_inner .overly a::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 3px;
    height: 3px;
    width: 100%;
    background: #8cc43e;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
    z-index: -1;
}

.service_inner .overly a:hover:after {
    height: 45px;
}

.service_inner .overly a:hover {
    color: #fff;
}

.slider_width {
    width: 100%;
}

#service_part .slick-initialized .slick-slide {
    padding-bottom: 30px;
    margin-right: 33px;
}

#service_part ul.slick-dots {
    display: flex;
    position: absolute;
    left: 50%;
    bottom: -60px;
    transform: translateX(-50%);
}

#service_part ul.slick-dots li button {
    font-size: 0;
    height: 15px;
    width: 15px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: transparent;
    margin-right: 10px;
    cursor: pointer;
}

#service_part ul.slick-dots li button:focus {
    outline: 0 !important;
}

#service_part ul.slick-dots li.slick-active button {
    background: #8cc43e;
    border-color: #8cc43e;
    height: 18px;
    width: 18px;
}

#service_part .draggable {
    margin-right: -30px;
}


/*========================================
            Service part End 
========================================*/


/*========================================
            Project part Start 
========================================*/

#project_part {
    padding: 95px 0 92px;
}

.project_head {
    padding: 0 30px 55px;
}

.project_head h5 {
    color: #8cc43e;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    padding-bottom: 7px;
}

.project_head h2 {
    color: #999;
    font-size: 28px;
    font-weight: 400;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 34px;
}

.project_img {
    position: relative;
}

.project_img .overly {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0%;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.main_project:hover .project_img .overly {
    opacity: 1;
    height: 100%;
}

.project_img .overly .ovr_inn_text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.project_img .overly h5 {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    padding-right: 7px;
}

.project_img .overly i {
    color: #fff;
}

.project_text {
    padding-left: 30px;
}

.proj_pad {
    padding-left: 0;
}

.project_text h4 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
	text-align:center;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 28px;
    padding-bottom: 10px;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.project_text h6 {
    color: #999;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    margin-top: 25px;
    line-height: 28px;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.main_project:hover .project_text h4,
.main_project:hover .project_text h6 {
    color: #8cc43e;
}

.main_project {
    margin-bottom: 50px;
}

.project_button a {
    display: inline-block;
    padding: 20px 20px;
    color: #222222;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    position: relative;
    line-height: 28px;
    z-index: 1;
}

.project_button a::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 4px;
    height: 3px;
    width: 100%;
    background: #8cc43e;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
    z-index: -1;
}

.project_button a:hover {
    color: #fff;
}

.project_button a:hover::after {
    height: 60px;
}


/*========================================
            Project part End 
========================================*/


/*========================================
            Testimonial part Start 
========================================*/

#test_part {
    padding-bottom: 158px;
}

.test_head h5 {
    color: #8cc43e;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    padding-bottom: 10px;
}

.test_head h2 {
    color: #999999;
    font-size: 28px;
    font-weight: 400;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 34px;
    padding: 0px 22px 50px;
}

.test_text {
    background: #f1f1f1;
    padding: 50px 20px 30px 20px;
}

.test_text span {
    font-family: "autograph";
    color: #8cc43e;
}

.test_text p {
    color: #444444;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
    line-height: 30px;
    padding-bottom: 55px;
	text-align:right
}

.test_inne {
    position: relative;
}

.test_inner .overly {
    background: #8cc43e;
    padding: 25px 10px 10px 10px;
    width: 130px;
    position: absolute;
    right: -20px;
    bottom: 70px;
}

.test_inner .overly h5 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    padding-bottom: 5px;
}

.test_inner .overly h6 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    padding-bottom: 5px;
}

.test_inner .overly i {
    color: #fff;
}

#test_part .draggable {
    padding-bottom: 40px;
}

#test_part ul.slick-dots {
    position: absolute;
    left: 50%;
    bottom: -60px;
    transform: translateX(-50%);
    display: flex;
}

#test_part ul.slick-dots li button {
    font-size: 0;
    width: 15px;
    height: 15px;
    border: 2px solid #999999;
    border-radius: 50%;
    outline: 0;
    margin-right: 10px;
    background: transparent;
    cursor: pointer;
}

#test_part ul.slick-dots li.slick-active button {
    background: #8cc43e;
    border-color: #8cc43e;
    width: 18px;
    height: 18px;
}

#test_part .slick-slide img {
    display: inline-block;
}


/*========================================
            Testimonial part End 
========================================*/


/*========================================
            Expert part Start 
========================================*/

#expert_part {
    background: url(../images/expart_banner.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    z-index: 1;
    padding: 55px 0;
    background-attachment: fixed;
}

#expert_part:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: -1;
}

.expert_head h2 {
    color: #fff;
}

.expert_btn a {
    color: #fff;
}

.expert_text {
    padding-left: 30px;
}

.expert_pad {
    padding-left: 0;
}

.expert_text h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 28px;
    margin-top: 23px;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.expert_text h6 {
    color: #999;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 28px;
    padding-bottom: 20px;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.main_project:hover .expert_text h4,
.main_project:hover .expert_text h6 {
    color: #8cc43e;
}


/*========================================
            Expert part End 
========================================*/


/*========================================
            Blog part Start 
========================================*/

#blog_part {
    padding: 95px 0;
}

.blog_head h5 {
    color: #8cc43e;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    padding-bottom: 10px;
}

.blog_head h2 {
    color: #999999;
    font-size: 28px;
    font-weight: 400;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 34px;
    padding: 0px 22px 50px;
}

.blog_inner {
    position: relative
}

.blog_inner .blog_img {
    margin-bottom: 85px;
    /*
    -webkit-box-shadow: 0px 0px 30px 30px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 0px 30px 30px rgba(204, 204, 204, 1);
    box-shadow: 0px 0px 30px 30px rgba(204, 204, 204, 1);
*/
}

.blog_mar {
    margin-right: 30px;
}

.blog_inner .overly {
    position: absolute;
    right: -30px;
    bottom: -30px;
    padding: 30px;
    border: 1px solid #8cc43e;
    background: #f5f5f5;
    text-align: right;
    width: 358px;
}

.blog_inner .overly h6 {
    color: #999999;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 34px;
    margin-bottom: -8px;
}

.blog_inner .overly h6 span {
    padding-left: 15px;
}

.blog_inner .overly h6 span i {
    padding-right: 10px;
}

.blog_inner .overly h4 {
    color: #222222;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
    line-height: 28px;
    padding-bottom: 10px;
}

.blog_inner .overly h4 span {
    display: block;
}

.blog_inner .overly a {
    color: #222222;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    padding: 14px 14px;
    position: relative;
    z-index: 1;
}

.blog_inner .overly a::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 8px;
    height: 3px;
    width: 100%;
    background: #8cc43e;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
    z-index: -1;
}

.blog_inner .overly a:hover {
    color: #fff;
}

.blog_inner .overly a:hover::after {
    height: 42px;
}

.blog_btn a {
    display: inline-block;
    padding: 20px 20px;
    color: #222222;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    position: relative;
    line-height: 28px;
    z-index: 1;
}

.blog_btn a::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 4px;
    height: 3px;
    width: 100%;
    background: #8cc43e;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
    z-index: -1;
}

.blog_btn a:hover {
    color: #fff;
}

.blog_btn a:hover:after {
    height: 60px;
}


/*========================================
            Blog part End 
========================================*/


/*========================================
            Footer part Start 
========================================*/

#footer_part {
    background: url(../images/footer_banner.jpg) no-repeat center;
    background-size: cover;
    padding: 60px 0;
    position: relative;
    z-index: 1;
    background-attachment: fixed;
}

#footer_part:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: -1;
}

.foot_logo img {
    padding-top: 42px;
	
 
}

.foot_logo p {
    text-align: left;
    color: #777777;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Arimo', Al-Jazeera-Arabic-Bold;
    padding-top: 52px;
}

.footer_contact h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
	text-align:center;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    padding-bottom: 50px;
}

.footer_contact p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Arimo', Al-Jazeera-Arabic-Bold;
    position: relative;
    padding-left: 48px;
    margin-bottom: 48px;
	text-align:center;
}

.footer_contact .con_last {
    margin-bottom: 0;
}

.footer_contact p span {
    display: block;
}

.footer_contact p i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 32px;
}

.footer_form h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
	text-align:right;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    padding-bottom: 50px;
}

.footer_form input {
    background: transparent;
    border: 1px solid #2b2411;
    width: 240px;
    height: 45px;
    padding-left: 15px;
    color: #fff;
    margin-bottom: 50px;
}

.footer_form input::placeholder {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    font-style: italic;
}

.footer_form button {
    padding: 0 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    background: #8cc43e;
    line-height: 43px;
    border: none;
    margin-left: -6px;
    cursor: pointer;
}

.footer_form button:focus {
    outline: 0;
}

.footer_form h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    padding-bottom: 120px;
}

.footer_form a i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    border: 2px solid #8cc344;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.footer_form a i:hover {
    background: #2c368f;
    border-color: #8cc43e;
    color: #fff;
}

.footer_form p {
    color: #777777;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Arimo', Al-Jazeera-Arabic-Bold;
    padding-top: 25px;
}


/*========================================
            Footer part End 
========================================

/*========================================
            About page  Start 
========================================*/


/*========================================
            About  banner Start 
========================================*/

#about_page_banner {
    background: url(../images/footer_banner.jpg) no-repeat center;
    background-size: cover;
    padding: 60px 0;
    position: relative;
    z-index: 1;
    background-attachment: fixed;
}

#about_page_banner:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: -1;
}

.about_banner_menu h2 {
    color: #8cc43e;
    font-size: 44px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
	
}

.about_banner_menu a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
}

.about_banner_menu span {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
}

.about_banner_menu a.active {
    color: #8cc43e;
}


/*========================================
            About banner End 
========================================*/


/*========================================
            About about Start 
========================================*/

.about_page_about {
    padding-bottom: 100px;
}

.about_page {
    padding-bottom: 100px;
}

.ab_pg_mar {
    margin-bottom: 100px;
}

.about_bottom_text p {
    padding-top: 22px;
	
	
    color: #444444;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
    line-height: 26px;
}

.about_bottom_text p span {
    padding-top: 25px;
    display: block;
}

.ab_pg_1st_img2 {
    margin-top: 28px;
}

.about_page_mar {
    margin-top: 80px;
}


/*========================================
            About about End 
========================================*/


/*========================================
            About testimonial Start 
========================================*/

.about_page_test {
    padding-top: 95px;
}

.about_page {
    padding-top: 100px;
}


/*========================================
            About testimonial End 
========================================*/


/*========================================
            About page  End 
========================================*/


/*========================================
            Service page  Start 
========================================*/

#category_part {
    padding: 100px 0 85px;
}

.category_text {
    background: #fff;
    border: 1px solid #8cc43e;
    padding: 30px 0;
    margin: 0 100px;
}

.category_text h3 {
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
    line-height: 28px;
    padding: 0px 165px;
}

.category_text h5 {
    color: #8cc43e;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 34px;
}

.category_main {
    position: relative;
}

.category_main .category_text {
    position: absolute;
    left: 0;
    bottom: -60px;
}

.category_inner_text p {
    color: #444444;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Arimo', Al-Jazeera-Arabic-Bold;
    line-height: 26px;
    padding-top: 114px;
    padding-bottom: 40px;
}

.cate_list li {
    color: #444;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Arimo', Al-Jazeera-Arabic-Bold;
    line-height: 44px;
}

.cate_list li i {
    color: #8cc43e;
    margin-right: 10px;
}


/*========================================
            Service page  End 
========================================*/


/*========================================
            Project page  Start 
========================================*/

.project_page {
    padding: 100px 0 !important;
}

.pagination_project {
    display: inline-block !important;
}

.pagination_project ul li a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    margin-right: 10px;
    border-color: #999;
    color: #999;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.pagination_project ul li a:hover {
    background: #8cc43e;
    border-color: #8cc43e;
    color: #fff;
}

#project_part .page-item:first-child .page-link {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

#project_part .page-item:last-child .page-link {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

#project_part .page-link:focus {
    box-shadow: none;
}

#project_part .page-link {
    padding: 0;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
}


/*========================================
            Project page  End 
========================================*/


/*========================================
            Team page  Start 
========================================*/

.team_text h4 {
    color: #999;
}

.team_project {
    padding: 100px 0 !important;
}


/*========================================
            Team page  End 
========================================*/


/*========================================
            Member page  Start 
========================================*/

#member_part {
    padding: 100px 0;
}

.member_text h4 {
    color: #8cc43e;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 28px;
}

.member_text h5 {
    color: #8cc43e;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 28px;
}

.member_text p {
    color: #444444;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Arimo', Al-Jazeera-Arabic-Bold;
    line-height: 26px;
    padding-top: 18px;
    padding-bottom: 48px;
}

.member_text p span {
    display: block;
    padding-top: 25px;
}

.member_bar h3 {
    color: #8cc43e;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 26px;
    padding-bottom: 20px;
}

.member_bar h5 {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 26px;
    padding-bottom: 5px;
}

.member_img {
    position: relative;
}

.member_img ul {
    position: absolute;
    right: -20px;
    top: 30px;
}

.member_img ul li a {
    width: 60px;
    height: 60px;
    background: #fff;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 20px;
    font-size: 16px;
    color: #444444;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.member_img ul li a:hover {
    background: #8cc43e;
    color: #fff;
}

.barfiller {
    width: 100%;
    height: 10px;
    background: #ddd;
    position: relative;
    margin-bottom: 20px;
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, .5);
    border-radius: 5px;
}

.barfiller .fill {
    display: block;
    position: relative;
    width: 0px;
    height: 100%;
    background: #333;
    z-index: 1;
    border-radius: 5px;
}

.barfiller .tipWrap {
    display: none;
}

.barfiller .tip {
    margin-top: -30px;
    padding: 2px 4px;
    font-size: 14px;
    color: #999999;
    left: 0px;
    position: absolute;
    z-index: 2;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    font-weight: 400;
}

.counter_inner {
    padding-bottom: 84px;
    text-align: center;
}

.coun_border {
    position: relative;
}

.coun_border:after {
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 42px;
    background: #8cc43e;
}

.counter_inner p {
    color: #999;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 34px;
}

.counter_inner p span {
    color: #8cc43e;
    font-size: 60px;
    font-weight: 700;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 34px;
    padding-right: 5px
}

.coun_pad_btom {
    padding-bottom: 0;
}


/*========================================
            Member page  End 
========================================*/


/*========================================
            Blog page  Start 
========================================*/

.blog_page {
    padding: 100px 0 !important;
}

.blog_page_overly {
    right: -10px !important;
}

.blog_mar2 {
    margin-right: 10px;
}

.pagination_project {
    display: inline-block !important;
}

.pagination_project ul li a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    margin-right: 10px;
    border-color: #999;
    color: #999;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.pagination_project ul li a:hover {
    background: #8cc43e;
    border-color: #8cc43e;
    color: #fff;
}

#blog_part .page-item:first-child .page-link {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

#blog_part .page-item:last-child .page-link {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

#blog_part .page-link:focus {
    box-shadow: none;
}

#blog_part .page-link {
    padding: 0;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
}


/*========================================
            Blog page  End 
========================================*/


/*========================================
            Blog Details page  Start 
========================================*/

#blog_detail_part {
    padding: 90px 0 95px;
}

.blog_detail_color_text {
    background: #8cc43e;
    padding: 30px 100px;
}

.blog_detail_head h3 {
    color: #8cc43e;
    font-size: 32px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 40px;
}

.blog_date_text p a {
    color: #777;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
    line-height: 40px;
    display: inline-block;
    padding-right: 27px;
    margin-bottom: 45px;
}

.blog_date_text p a:last-child {
    padding-right: 0;
}

.blog_date_text p a i {
    padding-right: 5px
}

.blog_detail_text p {
    color: #444;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
    line-height: 26px;
    padding: 10px 0 16px 0;
	text-align:right;
	
}

.blog_detail_text p span {
    padding-top: 25px;
    display: block;
}

.blog_detail_color_text p {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
}

.categ_pad p {
    padding-top: 52px;
}

.tag_btn span {
    color: #151515;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 24px;
    padding-right: 22px;
}

.tag_btn a {
    padding: 10px;
    border: 1px solid #ddd;
    margin-right: 10px;
    color: #444444;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
    line-height: 24px;
    margin-top: 84px;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.tag_btn a:hover {
    color: #8cc43e;
    border-color: #8cc43e;
}

.share_icon span {
    color: #151515;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 24px;
    padding-right: 22px;
}

.share_icon a {
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    color: #777777;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    margin-top: 30px;
    margin-right: 2px;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.share_icon a:hover {
    color: #fff;
    background: #8cc43e;
    border-color: #8cc43e;
}

.comment_mar {
    margin-top: 100px;
}

.com_head h4 {
    color: #151515;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 22px;
    padding-bottom: 37px;
}

.comment_text h5 {
    color: #151515;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 25px;
    display: inline-block;
}

.comment_text span {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
    line-height: 22px;
    float: right;
}

.comment_text p {
    color: #444444;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
    line-height: 22px;
}

.comment_text a {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
    line-height: 22px;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.comment_text a:hover {
    color: #8cc43e;
}

.comment_text a i {
    padding-right: 3px;
}

.form_part input::placeholder {
    color: #777777;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
    font-style: italic;
    margin-bottom: 10px;
}

.form_part input {
    width: 272px;
    height: 35px;
    padding-left: 10px;
    margin-right: 10px;
    border: 1px solid #ddd;
}

.com_mar2 {
    padding-bottom: 25px;
}

.form_part textarea {
    width: 555px;
    height: 120px;
    margin-top: 10px;
    border: 1px solid #ddd;
    resize: none;
    padding: 10px 0 0 10px;
}

.form_part textarea::placeholder {
    color: #777777;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
    font-style: italic
}

.form_part button {
    display: block;
    width: 100%;
    border: 0;
    margin-top: 6px;
    padding: 11px 0;
    color: #444;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    cursor: pointer;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
}

.form_part button:focus{
    outline: 0;
}

.form_part button:hover {
    background: #8cc43e;
    color: #fff;
}

.form_part p {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
    line-height: 44px;
}


/*========================================
            Blog Details page  End 
========================================*/


/*========================================
            Contact page  Start 
========================================*/

.con_img {
    position: relative;
}

.con_img a {
    position: absolute;
    left: -92px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    color: #8cc43e;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
}

.contact_info {
    margin-top: 50px;
}

.conta_left_pad {
    padding-left: 15px;
}

.contact_info h4 {
    color: #8cc43e;
    font-size: 24px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    padding-bottom: 10px;
}

.contact_info p {
    color: #444444;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    line-height: 26px;
    padding-bottom: 52px;
}

.cont_form h4 {
    color: #8cc43e;
    font-size: 24px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    padding-bottom: 20px;
}

.cont_form input {
    width: 392px;
    height: 45px;
    margin-right: 25px;
    border: 0;
    border-bottom: 1px solid #ddd;
}

.cont_form input::placeholder {
    color: #444;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
    font-style: italic;
}

.cont_form input:last-child {
    margin-right: 0;
}

.cont_form textarea {
    width: 100%;
    height: 45px;
    margin-top: 90px;
    resize: none;
    border: 0;
    border-bottom: 1px solid #ddd;
}

.cont_form textarea::placeholder {
    color: #444;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', Al-Jazeera-Arabic-Bold;
    font-style: italic;
}

.cont_form button {
    width: 100%;
    cursor: pointer;
    padding: 11px 0;
    margin-top: 25px;
    border: 0;
    color: #444;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
    margin-bottom: 50px;
}

.cont_form button:hover {
    color: #fff;
    background: #8cc43e;
}

.cont_form button:focus{
    outline: 0;
}


/*========================================
            Contact page  End 
========================================*/


/*========================================
            404 page  Start 
========================================*/

#error_404 {
    background: url(../images/404banner.jpg) no-repeat center;
    background-size: cover;
    padding: 186px 0;
    position: relative;
    z-index: 1;
}

#error_404:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: -1;
}

.error_inner h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 200;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    padding: 45px 0 50px 0;
}

.error_inner a {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat Alternates', Al-Jazeera-Arabic-Bold;
    position: relative;
    z-index: 1;
    padding: 0 20px;
    line-height: 60px;
}

.error_inner a:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background: #8cc43e;
    transition: all linear .4s;
    -webkit-transition: all linear .4s;
    -moz-transition: all linear .4s;
    -o-transition: all linear .4s;
    -ms-transition: all linear .4s;
    z-index: -1;
}

.error_inner a:hover:after {
    height: 60px;
}


/*========================================
            404 page  End 
========================================*//***************************************************************************************************************
||||||||||||||||||||||||||       MASTER STYLESHEET FOR INTERRIO          |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||                TABLE OF CONTENT               |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************

01. Imported styles
02. Flaticon reset styles
03. Header styles
04. Mainmenu styles
05. Rev_slider_wrapper styles
66. Welcome area Style
07. Service area style
08. Latest project area style
09. Testimonial area style
10. Latest blog area style 
11. Brand area style
12. Footer area style
13. Single service style
14. Pricing table area style
15. Press release style 
16. Faq area style
17. 404 page style style
18. Blog page style
19. Blog single style
20. Blog with sidebar style
21. Shop page style style
22. Shop with sidebar Style
23. Shop single Style
24. Cart page style style
25. Contact page style

****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/



/* Imported styles */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');



@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(hover.css);
@import url(jquery.bxslider.css);
@import url(owl.carousel.css);
@import url(owl.theme.default.min.css);
@import url(animate.min.css);
@import url(jquery.bootstrap-touchspin.css);
@import url('jquery.fancybox.css');
@import url('prettyPhoto.css');

/*** Price filter***/
@import url(../assets/price-filter/nouislider.css);
@import url(../assets/price-filter/nouislider.pips.css);
/*** single shop slide ***/
@import url(flexslider.css);
/*** Time picker css ***/
@import url(../assets/timepicker/timePicker.css);


@import url(../fonts/flaticon/flaticon.css);
@import url(../assets/jquery-ui-1.11.4/jquery-ui.css);
/*** Revolution slider ***/
@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/revolution/css/navigation.css);

/*** Revolution slider ***/
@import url(../assets/language-switcher/polyglot-language-switcher.css);





@font-face {
  font-family: "OilBats";
  src: url(../fonts/custom-font/OilBats.ttf);
}



/*==============================================
   Base Css
===============================================*/
html,
body { height: 100% }
body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #9a9a9a;
  line-height: 28px;
  font-weight: 300;
}
button:focus{
  outline: none;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  margin: 0;
}
h3 {
 
}
h4 {

}
a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
  border: none;
}
img {
	max-width: 100%;
    height: auto;
}
i {
	font-style: normal;
}
.p0 {
	padding: 0 !important;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}


.thm-btn {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  border: 2px solid #d5ac63;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  transition: all 500ms ease;
  line-height: 14px;
}
.bg-cl-1{
  background: #d5ac63;  
}
.thm-btn:hover{
  background: #141414;  
  border: 2px solid #d5ac63;
  color: #fff;
}



.sec-title {
  margin-top: -5px;
  padding-bottom: 40px;
  position: relative;
}
.sec-title h2 {
  color: #252525;
  font-size: 32px;
  font-weight: 700;
  line-height: 34px;
  text-transform: uppercase;
  margin: 0;
}
.sec-title h2 span{
  color: #d5ac63;
}
.sec-title span.decor {
  background: #d5ac63 none repeat scroll 0 0;
  height: 2px;
  width: 78px;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.sec-title span.decor:before{
  position: absolute;
  top: -3px;
  left: 0;
  width: 8px;
  height: 8px;
  background: #d5ac63;
  border-radius: 50%;
  content: "";
}


.sec-title-two{
  margin-top: -7px;
  padding-bottom: 27px;
  position: relative;    
}
.sec-title-two h3{
  color: #252525;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
  text-transform: uppercase;    
}

/* jQuery ui dropdown  */
.ui-selectmenu-button span.ui-selectmenu-text {
  display: block;
  line-height: 25px;
  overflow: hidden;
  padding: 12px 15px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: 'Poppins', sans-serif;
}
.ui-state-default {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eaeaea;
    border-radius: 0;
    color: #9e9e9e;
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    outline: medium none;
    width: 100% !important;
    margin-bottom: 17px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0
}

/* jQuery ui dropdown Icon style */
.ui-state-default .ui-icon {
    background: none
}
.ui-selectmenu-button span.ui-icon {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.ui-selectmenu-button span.ui-icon {
  display: block;
  float: right;
  height: 48px;
  position: relative;
  text-indent: 0;
  top: 0;
  width: 48px;
}
.ui-selectmenu-button span.ui-icon::before {
  color: #9e9e9e;
    content: "\f0d7";
  font-family: FontAwesome;
  font-size: 18px;
  overflow: visible;
  position: absolute;
  right: 15px;
  top: 12px;
}

/* jQuery ui dropdown Sub item style */
.ui-widget-content {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #eaeaea !important;
  color: #9e9e9e;
  font-family: "Poppins",sans-serif;
  font-size: 14px;
}
.ui-selectmenu-menu .ui-menu {
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 0;
}
.ui-menu .ui-menu-item {
  cursor: pointer;
  margin: 0;
  min-height: 0;
  padding: 8px 15px;
  position: relative;
}

/* jQuery ui dropdown Hover style */
.ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background: #d5ac63 none repeat scroll 0 0;
  border: none;
  color: #252525;
  font-size: 14px;
}


/* Update header Style */
@keyframes menu_sticky {
  0%   {margin-top:-150px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
.header-area.stricky-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #FFFFFF;
  animation-name: menu_sticky;
  animation-duration: 0.60s;
  animation-timing-function: ease-out;
  -webkit-box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
  box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
}

.header-area.stricky-fixed .outer-box .logo {
  padding: 25px 0;
}
.header-area.stricky-fixed .main-menu .navigation li a {
  padding: 30px 40px 29px 0;
}
.header-area.stricky-fixed .main-menu .navigation > li.dropdown > a::after {
  top: 28px;
}
.header-area.stricky-fixed .main-menu .navigation > li > ul > li > a {
  padding: 15px 15px 15px 20px;
}
.header-area.stricky-fixed .main-menu .navigation > li > ul > li ul li a{
  padding: 15px 15px 15px 20px; 
}
.header-area.stricky-fixed .outer-box .cart-btn {
  top: 31px;
}
.header-area.stricky-fixed .outer-box .search-box-btn {
  top: 30px;
}




/* scroll to top styles */
.scroll-to-top {
  background: #d5ac63;
  border: 2px solid #d5ac63;
  border-radius: 5%;
  bottom: 25px;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 30px;
  font-weight: normal;
  height: 45px;
  line-height: 36px;
  position: fixed;
  right: 15px;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 45px;
  z-index: 99999;
  -webkit-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
  -moz-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
  box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
.scroll-to-top:hover {
  border: 2px solid #d6a041;
  color: #fff;
  background: #1b1b1b;
}



/* Form validation styles */
input:focus,
textarea:focus,
select:focus {
  border-color: #fdc716;
  outline: none;
}

#contact-form input[type="text"].error{
  border-color: red;    
}
#contact-form input[type="email"].error{
  border-color: red;    
}
#contact-form select.error {
  border-color: red;
}
#contact-form textarea.error{
  border-color: red;    
}
#contact-form label.error {
  display: none !important;
}

/* Post pagination styles */
.post-pagination li {
    display: inline-block;
    margin: 0 3px;
}
.post-pagination li a {
  background: #fff;
  border: 2px solid #f7f7f7;
  color: #292929;
  display: block;
  font-size: 18px;
  font-weight: 600;
  height: 55px;
  padding: 12px 0;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 55px;
  font-family: 'Montserrat', sans-serif;
}
.post-pagination li.active a, .post-pagination li:hover a {
  background: #fdc716;
  color: #fff;
  border: 2px solid #fdc716;
}



/* Overlay styles */
.overlay{
  background-color: rgba(0,0,0, .60);
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;	
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 450ms ease-out 0s;
  transition: all 450ms ease-out 0s;
  -webkit-transform: rotateY(180deg) scale(0.5,0.5);
  transform: rotateY(180deg) scale(0.5,0.5);    
}
.overlay .box{
  display: table;
  height: 100%;
  width: 100%;    
}
.overlay .box .content{
  display: table-cell;
  text-align: center;
  vertical-align: middle;    
}



/*==============================================
    Top bar Area Css
===============================================*/
.top-bar-area{
  background: #1b1b1b;
  padding: 10px 0 11px;
}
.top-bar-area .contact-info-left {
  
}
.top-bar-area .contact-info-left ul li {
  display: inline-block;
  float: left;
  margin-right: 30px;
  font-size: 14px;
  color: #fff;
}
.top-bar-area .contact-info-left ul li:last-child{
  margin-right:0;
}
.top-bar-area .contact-info-left ul li span:before{
  color: #d5ac63;
  padding-right: 6px;
}
.top-bar-area .contact-info-left ul li span.envelop:before {
  position: relative;
  top: 3px;
}

.top-bar-area .contact-info-right {
  position: relative;
  padding-left: 290px;
  margin-left: 30px;
}
.top-bar-area .contact-info-right .phnumber {
  position: absolute;
  top: 0;
  left: 0;
}
.top-bar-area .contact-info-right .phnumber p {
  color: #ffffff;
  font-size: 14px;
  margin: 0;
}
.top-bar-area .contact-info-right .phnumber span::before {
  color: #d5ac63;
  display: inline-block;
  padding-right: 6px;
  position: relative;
  top: 3px;
  font-size: 18px;
}

.top-bar-area .contact-info-right .language-switcher {
  left: 175px;
  position: absolute;
  top: 0;
}


.top-social-links {
  position: absolute;
  right: 0;
  top: 2px;
}
.top-social-links ul li {
  display: inline-block;
  margin-left: 15px;
}
.top-social-links ul li a i {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  transition: all 500ms ease 0s;
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  line-height: 20px;
}
.top-social-links ul li a:hover i{
  color: #d5ac63;
}





/*==============================================
    Header Area Css
===============================================*/
.header-area {

}
.header-area .outer-box {
  padding-right: 120px;
  position: relative;
}
.header-area .outer-box .logo {
  float: left;
  position: relative;
  transition: all 500ms ease 0s;
  padding: 40px 0;
}

/* Search css*/
.header-area .outer-box .search-box-btn {
  position: absolute;
  right: 0;
  top: 44px;
}
.header-area .outer-box .search-box-btn .toggle-search button {
  background: none;
  border: none;
  padding: 0;
  color: #252525;
  font-size: 15px;
  width: 30px;
  height: 30px;
}

.header-search {
  position: relative;
  padding: 10px 0px;
  background: #141414;
  z-index: 5;
  display: none;
}
.header-search .container {}
.header-search .search-form {
  position: relative;
  width: 270px;
}
.header-search .search {
  position: relative;
  margin: 0px;
}
.header-search input[type="search"] {
  position: relative;
  display: block;
  width: 100%;
  line-height: 24px;
  background: none;
  padding: 7px 40px 7px 15px;
  border: 1px solid #373737;
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
}
.header-search button {
  background: #1b1b1b;
  border-radius: 0 4px 4px 0;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 38px;
  border: 1px solid #d5ac63;
}
.header-search button span::before {
    color: #fff;
    font-size: 15px;
}
.header-search .search input:focus {
    border: 1px solid #d5ac63
}
.header-search .search input:focus + button, .header-search .search input button:hover {
  background: #D5AC63 none repeat scroll 0 0;
  color: #1b1b1b;
  border: 1px solid #D5AC63;
}

/* Cart Btn css*/
.header-area .outer-box .cart-btn {
  height: 30px;
  position: absolute;
  right: 70px;
  top: 46px;
  width: 30px;
}
.header-area .outer-box .cart-btn a {
  height: 35px;
  position: relative;
  width: 35px;
  display: block;
  text-align: center;
}
.header-area .outer-box .cart-btn a .carticon {
  color: #252525;
  font-size: 20px;
}
.header-area .outer-box .cart-btn a .item-count {
  background: #d5ac63 none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  height: 16px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  top: -3px;
  width: 16px;
}

 



/*** 
=============================================
    Latest Project Area style
=============================================
***/
.latest-project-area{
  padding-top: 100px;
  padding-bottom: 70px;
  overflow: hidden;
}
.latest-project-area .sec-title {
  padding-bottom: 44px;
}
.latest-project-area .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}
.latest-project-area .project-filter {
  margin-bottom: 73px;
  margin-left: -20px;
  margin-right: -20px;
}
.latest-project-area .project-filter li {
  display: inline-block;
  float: left;
  margin: 0;
}

.latest-project-area .project-filter li span {
  color: #9a9a9a;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  transition: all 500ms ease 0s;
  font-family: 'Roboto', sans-serif;
}
.latest-project-area .project-filter li:last-child span:after{
  content: "";
}
.latest-project-area .project-filter li span::after {
  color: #eaeaea;
  content: "/";
  display: inline-block;
  margin: 0 20px 0 20px;
}
.latest-project-area .project-filter li.active span, 
.latest-project-area .project-filter li:hover span {
  color: #d5ac63;
}

.single-project-item {
  padding-bottom: 30px;
}
.single-project-item .img-holder {
  display: block;
  overflow: hidden;
  position: relative;     
}
.single-project-item .img-holder img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;      
}


.single-project-item .img-holder .overlay .box {
  
}
.single-project-item .img-holder .overlay .box .content {
  
}
.single-project-item .img-holder .overlay .box .content a h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0 0 3px;
  transition: all 500ms ease;
}
.single-project-item .img-holder .overlay .box .content p {
  font-weight: 400;
  color: #d5ac63;
  margin: 0;
}
.single-project-item:hover .img-holder .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);      
}
.single-project-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-project-item .img-holder .overlay .box .content a h3:hover{
  color: #d5ac63;
}

.latest-project-area .single-project-item .img-holder .overlay .box .content .icon-holder {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  height: 40px;
  position: absolute;
  right: 15px;
  top: 15px;
  transition: all 500ms ease 0s;
  width: 40px;
}
.latest-project-area .single-project-item .img-holder .overlay .box .content .icon-holder a i {
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  transition: all 500ms ease;
}
.latest-project-area .single-project-item .img-holder .overlay .box .content .icon-holder:hover{
  background: #d5ac63;    
} 



 

 

 


/*** 
=============================================
    Project Area style
=============================================
***/
#project-area {
  padding-bottom: 100px;
  padding-top: 80px;
}
#project-area .project-filter {
  margin-bottom: 60px
}
#project-area .project-filter li {
  display: inline-block;
  margin: 0 3px;
}
#project-area .project-filter li span {
  background: #fff;
  border: 1px solid #ebebeb;
  color: #9a9a9a;
  display: block;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 29px;
  text-transform: capitalize;
  border-radius: 0px;
  cursor: pointer;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
#project-area .project-filter li.active span, 
#project-area .project-filter li:hover span {
  background: #252525;
  color: #d5ac63;
  border: 1px solid #252525;
}
#project-area .single-project-item .img-holder .overlay .box .content .icon-holder {
  position: absolute;
  right: 15px;
  top: 15px;
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition: all 500ms ease 0s;
}
#project-area .single-project-item .img-holder .overlay .box .content .icon-holder a i {
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
}
#project-area .single-project-item .img-holder .overlay .box .content .icon-holder:hover{
  background: #d5ac63;
}
#project-area .loadmore-btn a {
  padding: 16px 45px;
  margin-top: 20px;
}



/*** 
=============================================
    Pro Manasory V2 Area style
=============================================
***/
.pro-manasory-v2-area .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}



/*** 
=============================================
    Pro Classic V1 Area style
=============================================
***/
.single-project-item .img-holder .overlay-style-2 {
  background: rgba(0, 0, 0, 0.80) none repeat scroll 0 0;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 100%;
  transition: all 450ms ease-out 0s;
  width: 100%;
}
.single-project-item .img-holder .overlay-style-2 .box{}
.single-project-item .img-holder .overlay-style-2 .box .content{}
.single-project-item .img-holder .overlay-style-2 .box .content .text-holder {
  top: auto;
  left: 0;
  bottom: 0;
  height: 70px;
  position: absolute;
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
  width: 100%;
  background: #fff;
  color: #252525;
  padding-top: 22px;
}
.single-project-item .img-holder .overlay-style-2 .box .content .text-holder a h3{
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
  text-align: center;
  margin: 0 0 3px;
}
.single-project-item .img-holder .overlay-style-2 .box .content .text-holder p{
  color: #d5ac63;
  margin: 0;
  text-align: center;
}
.single-project-item .img-holder .overlay-style-2 .box .content .icon-holder {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  height: 40px;
  position: absolute;
  right: 15px;
  top: 15px;
  transition: all 500ms ease 0s;
  width: 40px;
  text-align: center;
}
.single-project-item .img-holder .overlay-style-2 .box .content .icon-holder a i{
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  line-height: 40px;   
}

.single-project-item:hover .img-holder .overlay-style-2 {
  opacity: 1;
  top: 0;
}
.single-project-item:hover .img-holder .overlay-style-2 .box .content .text-holder {
  opacity: 1;
  transform: translateY(0px);
  transition: transform 0.4s ease 0s, opacity 0.1s ease 0s;
}
.single-project-item:hover .img-holder img{
  transform: scale(1.1);
}
.single-project-item .img-holder .overlay-style-2 .box .content .icon-holder:hover {
  background: #d5ac63 none repeat scroll 0 0;
}
.pro-classic-v1-area .post-pagination {
  padding-top: 30px;
}


 

/*--Gallery--*/
.agile_events_top_grid {
    padding: 0;
}
.w3_agileits_evets_text_img{
	position:relative;
}
.agile_events_top_grid_pos{
	position: absolute;
    bottom: -15%;
    left: 39%;
}
.agile_events_top_grid_pos img{
	border:2px solid #212121;
	border-radius:50px;
}
.agileits_w3layouts_events_text{
	text-align:center;
	padding:3.5em 0 0;
}
.agileits_w3layouts_events_text h3{
	font-size:1em;
	color:#212121;
	letter-spacing:1px;
	font-weight:700;
}
.agileits_w3layouts_events_text p {
    color: #555;
    font-size: 0.9em;
}
.view {
    overflow: hidden;
    position: relative;
    text-align: center;
}
.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view .info {
    display: inline-block;
    text-decoration: none;
    margin-top: 7em;
}
.view-eighth .mask {
   /*background-color:rgba(0, 0, 0, 0.56);*/
   top: -160px;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-out 0.5s;
   -moz-transition: all 0.3s ease-out 0.5s;
   -o-transition: all 0.3s ease-out 0.5s;
   -ms-transition: all 0.3s ease-out 0.5s;
   transition: all 0.3s ease-out 0.5s;
}
.view-eighth .info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.3s;
   -moz-transition: all 0.2s ease-in-out 0.3s;
   -o-transition: all 0.2s ease-in-out 0.3s;
   -ms-transition: all 0.2s ease-in-out 0.3s;
   transition: all 0.2s ease-in-out 0.3s;
}
.view-eighth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   top: 0px;
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
   -webkit-animation: bounceY 0.9s linear;
   -moz-animation: bounceY 0.9s linear;
   -ms-animation: bounceY 0.9s linear;
   animation: bounceY 0.9s linear;
}
.view-eighth:hover .info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
@keyframes bounceY {
    0% { transform: translateY(-205px);}
    40% { transform: translateY(-100px);}
    65% { transform: translateY(-52px);}
    82% { transform: translateY(-25px);}
    92% { transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
@-moz-keyframes bounceY {
    0% { -moz-transform: translateY(-205px);}
    40% { -moz-transform: translateY(-100px);}
    65% { -moz-transform: translateY(-52px);}
    82% { -moz-transform: translateY(-25px);}
    92% { -moz-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}
}
@-webkit-keyframes bounceY {
    0% { -webkit-transform: translateY(-205px);}
    40% { -webkit-transform: translateY(-100px);}
    65% { -webkit-transform: translateY(-52px);}
    82% { -webkit-transform: translateY(-25px);}
    92% { -webkit-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
}
/*-- //events-top --*/
.events-top {
    padding-bottom: 6em;
}
.events-top {
    padding-bottom: 6em;
}
ul.portfolio_agile_info_w3ls li {
    list-style: none;
    display: inline-block;
    width: 33%;
    margin-bottom: 0.3%;
}
.agileits_w3layouts_events_text.port_info_agile {
    text-align: center;
    padding: 1em 0;
    background: #2b378b;
    color: #fff;
    border-bottom: 2px solid #000000;
}
.agileits_w3layouts_events_text.port_info_agile  h3{
 color:#fff;
 letter-spacing:1px;
}
.mask i {
    font-size: 2.5em;
    color: #fff;
    line-height: 6em;
}
ul.portfolio_agile_info_w3ls {
    margin-top: 4em;
}
/*--Gallery--*/
.inner-paddings-w3ls {
    padding: 5em 0;
}
/*--//Inner pages--*/
/*--footer--*/
.footer {
    background: #2c368f;
    padding: 5em 0 2em;
}
ul.agile_footer_grid_list li{
    color: #777676;
    line-height: 1.8em;
    list-style-type: none;
    font-size: 0.9em;
	letter-spacing:.5px;
}
ul.agile_footer_grid_list li:nth-child(2){
	margin:2em 0 0;
}
ul.agile_footer_grid_list li a{
	color:#2b378b;
	text-decoration:none;
}
ul.agile_footer_grid_list li a:hover{
	color:#fff;
}
ul.agile_footer_grid_list li span{	
	display:block;
	color:#fff;
	margin:.5em 0 0;
}
ul.agile_footer_grid_list li i{
	padding-right:1.5em;
	color:#0accff;
}
.w3_agile_footer_grid h3, .services-right-agileits h4 {
    font-size: 21px;
    color: #2b378b;
    padding-bottom: .7em;
    position: relative;
    margin-bottom: 1em;
    letter-spacing: 2px;
}
.w3_agile_footer_grid h3:after,.services-right-agileits h4:after {
    content: '';
    background: #2b378b;
    width: 20%;
    height: 2px;
    position: absolute;
    bottom: 0%;
    left: 0%;
}
.agileits_w3layouts_footer_grid_list li{
	list-style-type:none;
	margin-bottom:1em;
	color:#999;
	text-transform:uppercase;
}
.agileits_w3layouts_footer_grid_list li i {
    color: #777777;
    padding-right: 1em;
}
.agileits_w3layouts_footer_grid_list li a{
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 0.9em;
}
.agileits_w3layouts_footer_grid_list li a:hover{
	color: #2b378b;
}
.agileits_w3layouts_footer_grid_list li:last-child{
	margin-bottom:0;
}
.w3_agileits_footer_grid_left{
	float:left;
	width:33.33%;
}
.w3_newsletter_footer_grid_right{
	text-align: center;
    margin-top: .5em;
}
.wthree_footer_grid_left{
    width: 55px;
    height: 55px;
    border-radius: 50px;
    text-align: center;
    background: transparent;
	box-shadow: 2px 2px 1px #3a3737;
    border: 2px solid #000;
    margin: 0 auto 1em;
}
.wthree_footer_grid_left i{
	color: #fff;
    font-size: 1em;
    line-height:3.3em;
}
.w3ls_footer_grid_left p{
    color: #737171;
    line-height: 2em;
    font-size: 0.9em;
}
.w3ls_address_mail_footer_grids {
    margin-top: 2em;
}
.w3ls_footer_grid_left p span{
	display:block;
}
.w3ls_footer_grid_left p a{
	color:#999;
	text-decoration:none;
}
.w3ls_footer_grid_left p a:hover{
	color:#fff;
}
.w3ls_footer_grid_left{
	text-align:center;
}
.w3ls_footer_grid_left:hover .wthree_footer_grid_left {
    background: #2b378b;
    box-shadow: 2px 2px 1px #3a3737;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.agileinfo_copyright {
    margin: 3em 0 0;
    padding: 2em 0 0;
    text-align: center;
    border-top: 2px solid #191919;
}
.agileinfo_copyright p {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
}
.agileinfo_copyright p a{ 
    color:#2b378b;
	text-decoration:none;
}
.agileinfo_copyright p a:hover{ 
	color:#fff;
}
/*--//footer--*/
/*-- icons --*/
.codes a {
    color: #999;
}
.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: 28px;
    color: #2b378b !important;
    margin: 30px 0 15px;
    font-weight: 600;
    letter-spacing: 2px;
}
h3.agileits-icons-title {
    text-align: center;
    font-size: 33px;
    color: #222222;
    font-weight: 600;
    letter-spacing: 2px;
}
.icons a {
    color: #999;
}
.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%;
}
.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: #777;
} 
.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%;
	}
}
@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%;
	}
}
/*-- //icons --*/
.w3_wthree_agileits_icons.main-grid-border {
    padding: 5em 0;
}
/*--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;
}

.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: #999;
	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:#2b378b;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 2px;
}
.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: 15px!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: #999;
	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;
}
}
@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;
}
}
@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: 25px;
}
}
@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 --*/
.typo {
    padding: 5em 0;
}
/*-- //typography --*/
/*-- contact --*/

.w3layouts_mail_grid input[type="text"],
.w3layouts_mail_grid input[type="email"],
.w3layouts_mail_grid textarea {
	outline: none;
	padding: 14px;
	font-size: 14px;
	color: #212121;
	background: #f5f5f5;
	width: 100%;
	border: 1px solid #e4e2e2;
	margin-bottom: 1em;
	letter-spacing: 2px;
}

.w3layouts_mail_grid textarea {
	min-height: 170px;
	width: 100% !important;
}

.w3layouts_mail_grid input[type="submit"],
.w3layouts_mail_grid input[type="reset"] {
	outline: none;
	padding: 15px 0;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	background: #2b378b;
	width: 100%;
	border: none;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.w3layouts_mail_grid input[type="submit"]:hover,
.w3layouts_mail_grid input[type="reset"]:hover {
	background: #292929;
	color: #fff;
}
.w3layouts_mail_grid {
    margin-top: 4em;
}
.map iframe {
    width: 100%;
    min-height: 400px;
    border: none;
    padding: 2em;
    background: #f5f5f5;
}
.contact_agile {
    padding: 5em 0;
}
/*-- about --*/
.about {
    padding: 5em 0;
}
.agileits_w3layouts_about_grid h3 {
    text-transform: capitalize;
    font-size: 1.5em;
    color: #005595;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.5em;
}
.agileits_w3layouts_about_grid p {
    color: #777;
    line-height: 28px;
    margin: 2em 0 0em;
    font-size: 14px;
}
.agileits_w3layouts_about_grid p span {
    display: block;
    color: #2b378b;
    margin-bottom: 1em;
    font-size: 17px;
    font-weight: 600;
}
.abt-top {
    margin-top: 4em;
}
.agile_more.w3_agileits_more {
    margin: 0 !important;
}
.question{
	padding:2em 0;
	background:#ffb500;
}
.w3_agile_question_left{
	float:left;
}
.w3_agile_question_left h2{
	font-size:2em;
	color:#212121;
	text-transform:capitalize;
}
.w3_agile_question_right{
	float: left;
    margin-left: 8em;
}
.team {
    padding: 5em 0;
}
/*-- //about --*/
/*-- to-top --*/
#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 30px;
    right: 3%;
    overflow: hidden;
    z-index: 999;
    width: 32px;
    height: 32px;
    border: none;
    text-indent: 100%;
    background: url(../images/arr.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 --*/
/*--responsive--*/
@media(max-width:1680px){
	
}
@media(max-width:1600px){
	
}
@media(max-width:1440px){
	
}
@media(max-width:1366px){
	.banner-text h3 {
		font-size: 50px;
	}
	.banner-text {
		width: 66%;
		margin: 10em auto 0;
	}
	.banner {
		min-height: 650px;
	}
}
@media(max-width:1280px){
	.banner-text h3 {
		font-size: 40px;
		line-height: 50px;
	}
	.banner-text p {
		font-size: 14px;
	}
	.more-button a {
		margin-top: 2.5em;
	}
	.bnr-btm-info h3 {
		font-size: 16px;
		margin: 11px 0 9px;
	}
	.bnr-btm-icon i {
		font-size: 25px;
	}
	h2.heading-agileinfo, h3.heading-agileinfo {
		font-size: 29px;
		margin-bottom: 1.1em;
	}
	.w3_agile_footer_grid h3, .services-right-agileits h4 {
		font-size: 20px;
		letter-spacing: 1.5px;
	}
	.about-w3-grids h4 {
		letter-spacing: 1.5px;
		font-size: 20px;
	}
	.place-grid input[type="submit"] {
    padding: .5em;
	}
}
@media(max-width:1080px){
	.services-img-w3-agile, .a1, .a2 {
		min-height: 385px;
	}		
	ul.resp-tabs-list {
		margin-top: 14px;
	}
h2.heading-agileinfo:before, h3.heading-agileinfo:before {
		width: 75px;
		bottom: 5px;
		left: 40%;
	}	
	h2.heading-agileinfo:after, h3.heading-agileinfo:after {
		width: 75px;
		bottom: 5px;
		right: 40%;
	}
	.about-w3-grids {
		padding: 4.5em 1.5em 1.5em;
	}
	.stats-grid h4 {
		font-size: 16px;
	}
	.numscroller {
		font-size: 35px;
	}
	.stat-info-w3ls i {
		font-size: 35px;
	}
	.banner-bottom-2 p {
		font-size: 15px;
		line-height: 26px;
		margin-top: 2.8em;
	}
	.agileits_w3layouts_footer_grid_list li a {
		font-size: 13px;
	}
	.w3_agile_footer_grid:nth-child(1) {
		width: 100%;
		margin-bottom: 2em;
	}
	ul.agile_footer_grid_list li:nth-child(2) {
		margin: 1em 0 0;
	}
	.w3ls-effect {
		height: 310px;
	}
	.w3ls-effect .w3layouts-caption h4 {
		font-size: 1.1em;
	}
	.mask i {
		font-size: 2em;
		line-height: 6.5em;
	}
	.navbar-default .navbar-brand {
		font-size: 36px;
	}
	h2.inner-title-w3 {
		margin-top: 2em;
	}
	.inner-bnr-w3l {
		min-height: 220px!important;
	}
	ul.w3_short li {
		font-size: 0.8em;
    }
	.services-breadcrumb {
		padding: 0.7em 0;
	}
	.banner-text {
    width: 77%;
    margin: 9em auto 0;
}
.banner {
    min-height: 600px;
}
a.callbacks_nav.callbacks1_nav.prev {
    left: 85.5%;
}
.news h4 {
    font-size: 1.3em;
}
.news h5 {
    font-size: 2em;
}
}
@media(max-width:1050px){
	a.read-agileits {
		padding: 9px 30px;
		font-size: 14px;
	}
	.agileits_w3layouts_events_text.port_info_agile {
		padding: 0.8em 0;
	}
	.agileinfo_copyright {
		margin: 2em 0 0;
		padding: 1.5em 0 0;
	}
}
@media(max-width:1024px){
	.about-w3-grids h4 {
		font-size: 18px;
	}
	.trust-icon-w3ls i {
		font-size: 1.5em
	}
	.numscroller:after {
		left: 36%;
	}
}
@media(max-width:991px){
	.banner-text h3 {
		font-size: 40px;
		line-height: 45px;
	}
	.banner-text {
		margin: 6.4em auto 0;
		width: 63%;
	}
	span.video-w3ls {
		font-size: 2.2em;
	}
	span.video-text {
		font-size: 15px;
		line-height: 17px;
	}
	.banner-text h3 {
		margin: 10px 0;
	}
	.banner {
		min-height: 540px;
	}
	.banner-text h3 {
    font-size: 36px;
    line-height: 45px;
}
	a.callbacks_nav.callbacks1_nav.prev {
    left: 80.5%;
	top: 43%!important;
}
.callbacks_nav.next {
    left: 90.5%;
}
.callbacks_nav {
    top: 44%!important;
}
	.services-right-agileits {
		padding-bottom: 0!important;
	}
	.about-w3-grids {
		width: 100%;
	}
	.trust-icon-w3ls {
		width: 55px;
		height: 55px;
		left: 46%;
		top: -12%;
	}
	.about-w3-grids {
		padding: 3.5em 1.5em 1.5em;
		margin-top: 2.5em!important;
	}
	.about-w3-grids:nth-child(3) {
		margin: 4em 0 !important;
	}
	.about-w3-grids:nth-child(2) {
		margin: 4.3em 0 0!important;
	}
	.trust-icon-w3ls i {
		line-height: 53px;
	}
	h2.heading-agileinfo:before, h3.heading-agileinfo:before {
		left: 36%;
	}
	h2.heading-agileinfo:after, h3.heading-agileinfo:after {
		right: 36%;
	}
	.stats-grid:nth-child(1), .stats-grid:nth-child(2) {
		margin-bottom: 2em;
	}
	.banner-bottom-2 p {
		width: 100%;
		text-align: center;
		float: none;
		margin-top: 0;
	}
	.test-right-w3layouts {
		width: 100%;
		float: none;
		padding-left: 20%;
	}
	.flexslider .slides img {
		width: 115px;
		margin-top: 1em;
	}
	.flex-control-nav {
		right: 43%;
	}
	.w3_agile_footer_grid:nth-child(1) ,.w3_agile_footer_grid:nth-child(2) {
		margin-bottom: 1.5em;
	}
	.w3ls_footer_grid_left {
		width: 33.3%;
		float: left;
	}
	.service-grids {
		width: 50%;
		float: left;
	}
	.service-grids:nth-child(1), .service-grids:nth-child(2), .service-grids:nth-child(3),
	.service-grids:nth-child(4), .service-grids:nth-child(5), .service-grids:nth-child(6){
		padding: 0em 1.5em 2em;
	}
	.w3ls-effect {
		height: 430px;
	}
	.team-wthree-grids {
		width: 50%;
	}
	.team-wthree-grids:nth-child(1),.team-wthree-grids:nth-child(2) {
		margin-bottom:1em;
	}
	.w3_agileits_footer_grid_left {
		width: 16.33%;
	}
	ul.portfolio_agile_info_w3ls li {
		width: 32.9%;
		margin-bottom: 0.5%;
	}
	.mask i {
		font-size: 1.5em;
		line-height: 6.5em;
	}
	.contact input[type="text"], .contact input[type="email"] {
		width: 100%;
		font-size: 14px;
		margin-bottom: 1em;
	}
	.contact textarea {
		font-size: 14px;
		min-height: 8em;
	}
	.contact input[type="submit"] {
		font-size: 14px;
	}
	.navbar-default .navbar-nav > li > a {
    padding: 15px 16px 0;
	}
	.services-right-agileits {
		padding: 1.5em;
	}
	.img-top{
		padding-top:0!important;
		padding-bottom:1.5em!important;
	}
	.numscroller:after {
		left: 41.5%;
	}
	ul.portfolio_agile_info_w3ls li {
		list-style: none;
		display: inline-block;
		width: 32%;
		margin-bottom: 0.5%;
	}
	.banner-text {
    margin: 7em auto 0;
    width: 82%;
}
h3.agile-titlew3 {
    font-size: 2.2em;
}
.news h4 {
    letter-spacing: 1px;
}
.banner-bottom-2 {
    margin-top: 0em;
}
.agile-leftmk {
    width: 100%;
    margin: 0 auto;
}
.agileits_w3layouts_about_grid {
    margin-top: 1em;
}
}
@media(max-width:900px){
	.bnr-btm-info h3 {
		font-size: 14.5px;
		margin: 11px 0 9px;
	}
	.bnr-btm-info p,.bnr-btm-info p a {
		font-size: 13.5px;
	}
}
@media(max-width:800px){
	.banner-text h3 {
		font-size: 32px;
		line-height: 38px;
	}
	.banner-text {
    margin: 5em auto 0;
    width: 82%;
}
	.banner-text h6 {
		font-size: 40px;
		letter-spacing: 3px;
	}
	.banner-text p {
		font-size: 13px;
		line-height: 20px;
		letter-spacing: 1.5px;
	}
	.banner {
		min-height: 470px;
	}
	.more-button a {
		margin-top: 2em;
	}
	p.para-agileits-w3layouts {
		font-size: 14px;
		line-height: 28px;
	}
	.w3_agile_footer_grid h3, .services-right-agileits h4 {
		font-size: 17px;
	}
	.bar-grids h6 {
		font-size: 0.75em;
	}
}
@media(max-width:768px){
	.bnr-btm-grids-agileits {
		width: 50%;
		float: left;
	}
	.bnr-btm-grids-agileits:nth-child(1),.bnr-btm-grids-agileits:nth-child(2) {
		margin-bottom:1.5em!important;
	}
	a.callbacks_nav.callbacks1_nav.prev {
    background: transparent url(../images/arrr1.png) no-repeat 0px 0px;
    background-size: 40px;
    height: 40px;
    width: 40px;
    top: 52%!important;
}
	.callbacks_nav.next {
		background: transparent url(../images/arrr2.png) no-repeat 0px 0px;
		background-size: 40px;
		height: 40px;
		width: 40px;
	}
	.callbacks_nav {
		top: 52%!important;
	}
	h2.resp-accordion{
		border: none;
		border-bottom:1px solid #fbfbfb;
		text-align:center;
		font-size:20px;
		background:#00e2d6;
	}
	h2.resp-accordion:first-child {
		border-top: none !important;
	}
	h2.resp-accordion:last-child {
		border-bottom: 1px solid #fbfbfb !important;
	}
	.resp-tabs-container {
		padding-top: 0em!important;
	}
	.services-right-agileits {
		padding-bottom: 1.5em!important;
	}
	.img-top {
		padding-top: 1.5em!important;
	}
	.resp-tab-active:before {
		display:none;
	}
	h2.inner-title-w3 {
		margin-top: 1.5em;
	}
	.inner-bnr-w3l {
		min-height: 200px!important;
	}
	.flex-control-nav {
		right: 44%;
	}
	.agile_inner_breadcrumb {
		padding: 0 3em;
	}
	.serach-w3agile {
    padding: 2em 0 0em;
}
.about.w3layouts-agileinfo {
    padding: 3em 0;
}
.stats-agileits {
    padding: 3em 0;
}
.w3ls-section {
    padding: 3em 0;
}
.footer-top {
    padding: 3em 0;
}
.footer-top p {
    margin: 0em 0 1em;
}
.testimonials {
    padding: 3em 0;
}
h2.agileits-title, h3.agileits-title {
    font-size: 2.5em;
}
.footer {
    padding: 3em 0 2em;
}
.place-grid {
    float: left;
    width: 50%;
}
.inner-paddings-w3ls {
    padding: 3em 0;
}
ul.portfolio_agile_info_w3ls {
    margin-top: 2em;
}
.w3_wthree_agileits_icons.main-grid-border {
    padding: 3em 0;
}
.typo {
    padding: 3em 0;
}
.contact_agile {
    padding: 3em 0;
}
.w3layouts_mail_grid {
    margin-top: 2em;
}
.team {
    padding: 3em 0;
}
.about {
    padding: 3em 0;
}
.abt-top {
    margin-top: 2em;
}
}
@media(max-width:767px){
	 ul.nav.navbar-nav.navbar-right {
		margin: 0;
		margin-left: 0;
		width: 100%;
		padding: 10px 0;
	}
	.navbar-default .navbar-nav > li > a { 
		text-align: center;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: none;
		background: #000;
	}
	.navbar-default .navbar-toggle {
		border-color: #2b378b;
		background: #2b378b;
		margin: 0;
		margin: 0px 0px 0px 0;
		transition: 0.5s all;
		-webkit-transition: 0.5s all;
		-moz-transition: 0.5s all;
		-o-transition: 0.5s all;
		-ms-transition: 0.5s all;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #FFF;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: rgba(255, 153, 0, 0);
	}
	.navbar-default .navbar-nav > li > a:before { 
		width: 0; 
	}
	.navbar-default .navbar-nav > li > a {
		padding: 1em 0em;
		color: #fff;
		font-size: 0.8em;
	}
	.navbar-nav > li {
		margin: 0;
		transition:0.5s all;
		-webkit-transition:0.5s all;
		-moz-transition:0.5s all;
		-o-transition:0.5s all;
		-ms-transition:0.5s all;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #fff;
		font-size: 0.8em;
		border: none;
		text-align: center;
		padding: 0.7em 0;
		font-weight: 600;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #2b378b;
		background-color: transparent;
	}
	div#bs-example-navbar-collapse-1 {
		background: rgba(0, 0, 0, 0.83);
		margin: 0;
		padding: 0;
		position: absolute;
		width: 100%;
		z-index: 9999;
		text-align: center!important;
	}
	.navbar-default .navbar-nav > li > a:before {
		width: 0;
		display:none;
	}
	
	.navbar-toggle {
		position: relative;
		float: right;
		padding:11px 10px;
		margin-top: 8px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: transparent;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 0;
	}
	.banner-text {
		margin: 3.5em auto 0;
	}
	.more-button a {
		margin-top: 2em;
	}
	.modal-dialog {
		width: 90%;
		margin: 2em auto 0;
	}
	.stats-grid {
		width: 50%;
		float: left;
	}
	.navbar-default .navbar-brand {
		font-size: 32px;
	}
	.banner_bottom_left p {
		font-size: 14px;
	}
	.banner {
		min-height: 430px;
	}
	.agileits_w3layouts_footer_grid_list li a {
		font-size: 12px;
	}
	.agileinfo_copyright p {
		font-size: 13px;
	}
	.icon-box {
		width: 50%;
		float: left;
	}
	h2.inner-title-w3 {
		margin-top: 1.2em;
		font-size: 26px;
	}
	.inner-bnr-w3l {
		min-height: 180px!important;
	}
	.services-breadcrumb {
		padding: 0.6em 0;
	}
	.agileits_w3layouts_events_text.port_info_agile {
		padding: 0.7em 0;
		font-size: 13.5px;
	}
	h3.agile-titlew3 {
    font-size: 2em;
}
.red h5 {
    margin-bottom: 1em;
}
}
@media(max-width:736px){
	h2.heading-agileinfo, h3.heading-agileinfo {
		font-size: 26px;
		margin-bottom: 1em;
	}
}
@media(max-width:667px){
	.banner-text {
		width: 84%;
	}
	.banner-text h3 {
		font-size: 30px;
		line-height: 35px;
		letter-spacing: 1.5px;
	}
	.service-grids h4 {
		font-size: 17px;
		margin: 1em 0 0.3em;
	}
	h2.heading-agileinfo:before, h3.heading-agileinfo:before {
		left: 37.5%;
		width: 60px;
	}
	h2.heading-agileinfo:after, h3.heading-agileinfo:after {
		right: 37.5%;
		width: 60px;
	}
	.w3ls-effect {
		height: 360px;
	}
	.mask i {
		line-height: 5.5em;
	}
	.map iframe {
		min-height: 260px;
	}
}
@media(max-width:640px){
	.banner-text {
		width: 70%;
	}
	.w3ls-effect {
		height: 405px;
	}
	p.para-agileits-w3layouts {
		font-size: 13px;
		line-height: 28px;
	}
	.stats-grid h4 {
		font-size: 14px;
	}
	.numscroller {
		font-size: 30px;
		margin: 0px 0 19px
	}
	.numscroller:after {
		left: 40.5%;
		width: 49px;
		bottom: -4px;
	}
	.banner-bottom-2 p {
		font-size: 13.5px;
	}
	.test-right-w3layouts h4 {
		letter-spacing: 0.5px;
		font-size: 15px;
		margin: 3.3em 0 0 0;
	}
	.test-right-w3layouts h4 span {
		font-size: 12px!important;
	}
	ul.agile_footer_grid_list li {
		font-size: 13px;
	}
	.bnr-btm-info p, .bnr-btm-info p a {
		font-size: 13px;
	}
	.agileits_w3layouts_footer_grid_list li a {
		font-size: 11px;
	}
	.w3ls_footer_grid_left p {
		font-size: 13px;
	}
	.agileinfo_copyright {
		margin: 1.7em 0 0;
		padding: 1em 0 0;
	}
	.service-grids {
		width: 100%;
	}
	.service-grids:nth-child(6) {
		padding-bottom: 0em!important;
	}
	.agileits_w3layouts_footer_grid_list li {
		margin-bottom: 0.7em;
	}
	.banner-text {
    width: 89%;
}
}
@media(max-width:600px){
	h2.heading-agileinfo:before, h3.heading-agileinfo:before {
		left: 35.5%;
	}
	h2.heading-agileinfo:after, h3.heading-agileinfo:after {
		right: 35.5%;
	}
	.w3ls-effect {
		height: 370px;
	}
	.w3_agileits_footer_grid_left {
		width: 33%;
	}
	a.callbacks_nav.callbacks1_nav.prev {
    left: 81%;
	top: 38%!important;
}
	.callbacks_nav.next {
		left: 89%;
	}
	.callbacks_nav {
		top: 38.5%!important;
	}
	.banner-text h3 {
    letter-spacing: 0px;
}
}
@media(max-width:568px){
	.banner {
		min-height: 430px;
	}
	.banner-text h3 {
		font-size: 27px;
		line-height: 30px;
	}
	.w3ls_footer_grid_left {
		width: 100%;
		float: none;
	}
	.wthree_footer_grid_left {
		margin: 0 auto 0.5em;
	}
	.w3ls_footer_grid_left:nth-child(2) {
		margin:1em 0;
	}
	.wthree_footer_grid_left {
		width: 45px;
		height: 45px;
	}
	.wthree_footer_grid_left i {
		line-height: 2.5em;
	}
	.test-right-w3layouts h4 span {
		padding: .5em 0 0 4em!important;
	}
	.mask i {
		line-height: 5em;
	}
	.contact input[type="text"], .contact input[type="email"] {
		font-size: 13.5px;
	}
	h2.heading-agileinfo, h3.heading-agileinfo {
		font-size: 24px;
	}
	.w3_agile_footer_grid h3:after, .services-right-agileits h4:after {
		width: 13%;
		height: 1px;
		bottom: 2%;
	}
	.agile_inner_breadcrumb {
		padding: 0 1.5em;
	}
	.services-img-w3-agile, .a1, .a2 {
		min-height: 325px;
	}
}
@media(max-width:480px){
	.banner-text {
		width: 100%;
	}
	.banner-text h6 {
		font-size: 30px;
		letter-spacing: 2.5px;
	}
	.banner-text p {
		letter-spacing: 1px;
	}
	span.video-w3ls {
		font-size: 2.1em;
	}
	a.callbacks_nav.callbacks1_nav.prev {
		left: 75%;
	}
	.callbacks_nav.next {
		left: 86%;
	}
	.bnr-btm-grids-agileits {
		width: 100%;
		float: none;
	}
	.bnr-btm-grids-agileits:nth-child(3){
		margin-bottom: 1.5em!important;
	}
	.navbar-default .navbar-brand {
		font-size: 30px;
	}
	.banner-text {
		margin: 2em auto 0;
	}
	.banner {
		min-height: 380px;
	}
	span.video-text {
		font-size: 12.5px;
		line-height: 17px;
	}
	.w3_agile_footer_grid h3, .services-right-agileits h4 {
		margin-bottom: 0.8em;
	}
	.numscroller:after {
		left: 36.5%;
	}
	h2.heading-agileinfo:before, h3.heading-agileinfo:before {
		left: 32.5%;
	}
	h2.heading-agileinfo:after, h3.heading-agileinfo:after {
		right: 32.5%;
	}
	.trust-icon-w3ls {
		left: 43.5%;
	}
	.flexslider .slides img {
		margin-left: 0em;
	}
	.flex-control-nav {
		right: 40%;
	}
	.agileinfo_copyright {
		padding: 1em 1em 0;
	}
	.agileinfo_copyright p {
		font-size: 13px;
		line-height: 28px;
	}
	.footer{
		padding-bottom: 1.5em!important;
	}
	.team-wthree-grids {
		width: 100%;
	}
	.w3ls-team-row {
		width: 70%;
		margin: 0 auto;
	}
	.team-wthree-grids:nth-child(3) {
		margin-bottom: 1em;
	}
	.w3ls-effect {
		height: 360px;
	}
	h2.inner-title-w3 {
		font-size: 23px;
	}
	.inner-bnr-w3l {
		min-height: 160px!important;
	}
	.icon-box {
		width: 100%;
		float: none;
	}
	.mask i {
		line-height: 4em;
	}
	h2.agileits-title, h3.agileits-title {
    font-size: 2em;
	margin-bottom:0.8em;
}
}
@media(max-width:440px){
	.banner-text h3 {
		font-size: 21px;
	}
	.banner-text {
    padding: 20px 20px;
}
	.more-button a {
		margin-top: 1.5em;
	}
	.banner {
		min-height: 360px;
	}
	.place-grid {
    width: 100%;
}
h3.agile-titlew3 {
    font-size: 1.7em;
}
.red h5 {
    font-size: 1.2em;
    line-height: 1.4;
}
	h2.heading-agileinfo i, h3.heading-agileinfo i {
		font-size: 14px;
	}
	h2.heading-agileinfo:before, h3.heading-agileinfo:before {
		left: 35.5%;
		width: 39px;
	}
	h2.heading-agileinfo:after, h3.heading-agileinfo:after {
		right: 35.5%;
		width: 39px;
	}
	h2.heading-agileinfo, h3.heading-agileinfo {
		margin-bottom: 0.8em;
	}
	.numscroller:after {
		left: 43%;
	}
	.stats-grid {
		width: 100%;
		float: none;
	}
	.stats-grid:nth-child(1), .stats-grid:nth-child(2), .stats-grid:nth-child(3) {
		margin-bottom: 1.8em;
	}
	.test-right-w3layouts {
		padding-left: 2%;
	}
	.w3ls-team-row {
		width: 77%;
	}
	ul.portfolio_agile_info_w3ls li {
		width: 100%;
		margin-bottom: 1%;
	}
	.mask i {
		line-height: 11em;
	}
	.about-w3-grids:nth-child(2) {
		margin: 3.6em 0 0!important;
	}
	.footer-top input[type="submit"] {
		width: 37%;
	}
	.footer-top input[type="email"] {
		width: 63%;
}
}
@media(max-width:414px){
	.banner-text p {
		letter-spacing: 0.5px;
	}
	.trust-icon-w3ls {
		left: 42.5%;
	}
	.w3ls-team-row {
		width: 85%;
	}
	.mask i {
		line-height: 10.5em;
	}
	.footer-top p {
    font-size: 1em;
	}
	.agileits_w3layouts_about_grid h3 {
    font-size: 1.2em;
	}
}
@media(max-width:384px){
	.banner-text h3 {
		font-size: 21px;
		line-height: 24px;
		margin: 10px 0 3px;
	}
	.banner-text p {
		line-height: 21px;
	}
	.more-button a {
		margin-top: 1em;
	}
	h2.inner-title-w3 {
		font-size: 20px;
		letter-spacing: 0px;
	}
	.inner-bnr-w3l {
		min-height: 138px!important;
	}
	.trust-icon-w3ls {
		left: 41.7%;
	}
	.w3ls-team-row {
		width: 90%;
	}
	.mask i {
		line-height: 9.5em;
	}
	.flex-control-nav {
		right: 38%;
	}
	h2.heading-agileinfo, h3.heading-agileinfo {
		font-size: 22px;
	}
	h2.heading-agileinfo:before, h3.heading-agileinfo:before {
		left: 34.5%;
	}
	h2.heading-agileinfo:after, h3.heading-agileinfo:after {
		right: 34.5%;
	}
	.flex-control-nav {
		right: 37%;
	}
	.navbar-default .navbar-nav > li > a {
		padding: 0.6em 0em;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		font-size: 0.89em;
		padding: 0.4em 0;
	}
	.services-breadcrumb ul li i {
		padding: 0 1em;
	}
	.service-grids:nth-child(1), .service-grids:nth-child(2), .service-grids:nth-child(3), .service-grids:nth-child(4), .service-grids:nth-child(5), .service-grids:nth-child(6) {
		padding: 0em 1.5em 1em;
	}
	.flex-control-nav {
		right: 36%;
	}
	.numscroller:after {
		left: 42%;
	}
	h3.agile-titlew3 {
    font-size: 1.5em;
}
}
@media(max-width:375px){
	
}
@media(max-width:320px){
	.banner-text h3 {
    font-size: 17px;
    letter-spacing: 0px;
}
.banner-text {
    padding: 20px 10px;
}
a.read-agileits {
    padding: 6px 15px;
    font-size: 13px;
}
	.navbar-default {
    margin-top: 1.3em;
}
.banner {
    min-height: 350px;
}
	.banner-text {
		margin: 1.95em auto 0;
	}
	.services-right-agileits {
		padding: 0.6em;
	}
	.services-right-agileits {
		padding-bottom: 0.6em!important;
	}
	.img-top {
		padding-top: .6em!important;
	}
	a.callbacks_nav.callbacks1_nav.prev {
		left: 69%;
	}
	.callbacks_nav.next {
		left: 84%;
	}
	h2.heading-agileinfo, h3.heading-agileinfo {
		font-size: 21px;
		letter-spacing: 0.3px;
	}
	h2.heading-agileinfo:before, h3.heading-agileinfo:before {
		left: 31.5%;
	}
	h2.heading-agileinfo:after, h3.heading-agileinfo:after {
		right: 31.5%;
	}
	.trust-icon-w3ls {
		left: 40%;
		top: -10%;
	}
	.test-right-w3layouts h4 span {
		padding: .5em 0 0 0em!important;
	}
	.test-right-w3layouts {
		padding-left: 28%;
	}
	.test-right-w3layouts h4 {
		margin: 1.3em 0 0 0;
	}
	.flex-control-nav {
		top: 95%;
	}
	.w3ls-team-row {
		width: 100%;
	}
	.w3ls-effect {
		height: 315px;
	}
	.mask i {
		line-height: 8em;
	}
	.place-grid {
    padding: 0;
}
h3.agile-titlew3 {
    font-size: 1.3em;
}
.about.w3layouts-agileinfo {
    padding: 2em 0;
}
.red h5 {
    font-size: 1em;
}
.stats-agileits {
    padding: 2em 0;
}
h2.agileits-title, h3.agileits-title {
    font-size: 1.8em;
}
.w3ls-section {
    padding: 2em 0;
}
.news h5 {
    font-size: 1.7em;
}
.news h4 {
    padding: 0.5em 0 .5em;
}
.news-w3imgtext {
    padding: 1em 0.5em;
}
.footer-top input[type="submit"] {
    width: 33%;
	font-size:1em;
}
.footer-top {
    padding: 2em 0;
}
.testimonials {
    padding: 2em 0;
}
.footer-top input[type="email"] {
    width: 67%;
	font-size:1em;
}
.inner-paddings-w3ls {
    padding: 2em 0;
}
ul.portfolio_agile_info_w3ls {
    margin-top: 1em;
}
.w3_wthree_agileits_icons.main-grid-border {
    padding: 2em 0;
}
.typo {
    padding: 2em 0;
}
.contact_agile {
    padding: 2em 0;
}
.about {
    padding: 2em 0;
}
.abt-top {
    margin-top: 1em;
}
.abt-top {
    margin-top: 1em;
}
}
/*--//responsive--*/