body{ padding: 0px; margin: 0px;   font-family: 'arimoregular';}
h1, h2, h3, h4, h5, h6, ol, li, ul, a, img, p, span, strong{ padding: 0px; margin: 0px;}
a:hover,a:focus{ outline: none; text-decoration: none}
section{ float: left; width: 100%;}
.pad0{ padding: 0;}
img { max-width: 100%;}


@font-face {
    font-family: 'arimobold';
    src: url('../fonts/arimo-bold-webfont.woff2') format('woff2'),
         url('../fonts/arimo-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'arimobold_italic';
    src: url('../fonts/arimo-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/arimo-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'arimoitalic';
    src: url('../fonts/arimo-italic-webfont.woff2') format('woff2'),
         url('../fonts/arimo-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'arimoregular';
    src: url('../fonts/arimo-regular-webfont.woff2') format('woff2'),
         url('../fonts/arimo-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
input[type="text"]::-webkit-input-placeholder {
color: #fff !important;
}
 
input[type="text"]:-moz-placeholder { /* Firefox 18- */
color: #fff !important;  
}
 
input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
color: #fff !important;  
}
 
input[type="text"]:-ms-input-placeholder {  
color: #fff !important;  
}

/**-------------------------Header--------------------------------*/
header{  top: 0px;left: 0px;right: 0px;  z-index: 1;}
.my_nav {background: transparent;border: none;margin: 0px;}
.top_header{background: #242424; float: left; width: 100%;     padding: 11px 0px;}
.conact li{display: inline-block;}
.conact li a{font-size: 17px ; color: #fff; font-family: 'arimoregular';}
.conact li a i{margin-right: 10px;}
.pull-left .conact li{padding-right: 15px;}
.pull-right .conact{text-align: right;}
.pull-right .conact li{border-right: 2px solid #878787; padding-right: 10px;}
.pull-right .conact li:last-child{border-right:none; padding-right: 0px; padding-left: 10px;}
.pull-right .conact li a{font-size: 15px;}
.nav_div {float: left;width: 100%;}
.navbar-me .navbar-nav li a{font-size: 15px ; color: #000;    font-family: 'arimobold'; background: transparent; text-transform: uppercase;     padding: 32px 15px;}
.navbar-me .navbar-nav li.active a{ background: transparent; }
.navbar-me .navbar-nav li a:hover, .navbar-me .navbar-nav li.active a{    background-color: #649b45;
    color: #fff;}
.slider_wrap {
    float: left;
    width: 100%;     position: relative;}
.slider_content {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;}
.slid_contanet {
    width: 100%;
    text-align: center;
    display: inline-block; padding: 100px 0px;} 
.slid_contanet h1 {
    font-size: 89px;
    color: rgb(255,255,255);
   
    font-weight: bold;
    text-align: center;
    padding: 10px 0px 20px;}
.slid_contanet h5{font-size: 38px;color: rgb(255,255,255);font-weight: bold;text-align: center;     padding: 0px 0px 40px 0px;}
.self_btn {
    border: none;
    border-radius: 0;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    line-height: 48px;
    background: #27AF5B;
    padding: 6px 30px;}
.self_btn:hover, .self_btn:focus{    background: #5a8b3f !important;}
.navbar-me .navbar-brand {
    margin: 5px 0px;}
/*-------------------------------header_endcss-------------*/


/*-------------------------------solution_css-------------*/
.solution_sec {padding: 100px 0px;}
.solution em{font-size: 18px; color: #000; }
.solution h2{font-size: 100px; color: #000; font-weight: bold;     padding: 40px 0px 0px 0px;}
.solution h3{    font-size: 42px;color: #368627; }
.solution p{     font-size: 17px;line-height: 24px;color: rgb(138,138,138);    padding: 40px 0px;}
.solution .simple_btn{background: #E2E2E2; color: #000; }
.solution .simple_btn:hover{background: #368627 !important; color: #fff !important;}
.solution .simple_btn:focus{background: #E2E2E2 !important; color: #000 !important;}
.solution{width: 100%; display: inline-block; margin-bottom: 60px;}
.icon_box i {width: 64px;float: left;}
.icon_box .icon_conent { width: 76%;float: right;}
.icon_conent p {font-size: 15px;     text-align: left;     color: rgb(138,138,138);}
.icon_conent b {     font-size: 17px;width: 100%;display: inline-block;padding: 0px 0px 12px 0px; }
.icon_box {display: inline-block;border-top: 1px solid #ccc; padding: 30px 0px 0px 0px;} 
/*-------------------------------solution_css-------------*/




/*-------------------------------portfolio_css-------------*/
.b-isotope-grid__wrap-info {
    position: absolute;
    top: 0;
    right: 30px;
    left: 0;
    height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-align: center;
    opacity: 0;
    color: white;    width: 100%;}
.imgbox {
    width: 100%;
    float: left;
    position: relative;     margin-bottom: 30px;}
.b-isotope-grid__wrap-info:hover, .active + .b-isotope-grid__wrap-info {
    opacity: .9;}
.bg-grad-1, .bg-hov-grad-1:hover, .btn-grad-1, .sp-image-container:after, .area-bg_grad-1:after{    background-image: linear-gradient(to right, #368527 0%, #d2b829 100%);}
.b-isotope-grid__info {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.icon {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-right: 5px;
    margin-left: 5px;
    padding-top: 15px;
    opacity: .35;
    color: #fff;
    border-radius: 50%;
    background-color: black;}
.b-isotope-grid__title {
    display: block;
    margin-top: 32px;
    margin-bottom: 2px;
    font-family: "Arimo";
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;}
.b-isotope-grid__title a{color:#fff;}
.b-isotope-grid__title a:hover{color: #000;}
.portfolio {
    background: #F0EEEF;
    padding: 90px 0px;}
.portfolio_box{float: left; width: 100%;}
.portfolio_box h5{font-size: 20px;
    color: rgb(146,146,146);
    font-family: "Arimo";
    padding: 0px 0px 9px 0px;}
.portfolio_box h3{    font-size: 42px;
    color: #368627;
    font-family: 'arimobold';
    padding: 0px 0px 8px 0px;}
.portfolio_box p {
    font-size: 17px;
    color: rgb(138,138,138);
    text-align: justify;     padding: 0px 0px 30px 0px;}

/*-------------------------------portfolio_css-------------*/
/*-------------------------------portfolio_css-------------*/
.responsivedesign{text-align:center; padding: 40px 0px;} 
.responsivedesign p {
    font-family: 'arimoregular';
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
    padding: 10px 0px 10px 0px;}
.respon{    color: #368627;
    font-family: 'arimobold';
    text-transform: capitalize;
    width: 100%;
    text-align: center;
    padding: 0px 0px 35px 0px;}
/*-------------------------------portfolio_css-------------*/
/*-------------------------------portfolio_css-------------*/
.ourservices{background: url(../img/bg2.jpg);     padding: 60px 0px;}
.box_contentt{text-align: center; background: #fff;}
.icon_boximg{ margin: 0px auto; text-align: center; display: inline-block; width: 102px; height: 102px;     border: 1px solid #ccc;
    border-radius: 50%;     position: relative;}
.box_contentt {
    text-align: center;
    background: #fff;
    padding: 70px 0px 60px 0px;     margin: 0px 0px 20px 0px;}
.box_contentt:hover{    box-shadow: 2px 10px 20px rgba(0, 0, 0, 0.3607843137254902);}
.box_contentt:hover .icon_boximg{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#468a27+0,c4b228+100 */
background: rgb(70,138,39); /* Old browsers */
background: -moz-linear-gradient(left, rgba(70,138,39,1) 0%, rgba(196,178,40,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(70,138,39,1) 0%,rgba(196,178,40,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(70,138,39,1) 0%,rgba(196,178,40,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#468a27', endColorstr='#c4b228',GradientType=1 ); /* IE6-9 */
    box-shadow: 0px 0px 0px 4px #E2E2E2;}
.box_contentt:hover .icon_boximg img{ -webkit-filter: opacity(.2);
  filter: opacity(.2);}
.bottom_content .title {     width: 100%;
    font-family: 'arimoregular';
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    margin:20px 0px 20px 0px;}
.bottom_content .title a{color: #000;}
.contbent {
    color: #a2a2a2;
    font-size: 15px;
    max-width: 237px;
    display: inline-block;}
.icon_boximg img {
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 0px;
    bottom: 0px;
}
.ourservices p {
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;}

.ourservices h4 {
    font-family: 'arimobold';
    font-size: 35px;
    text-align: center;
    color: #fff;}
.ourservices .col-md-12 {
    padding: 0px 0px 40px 0px;
}
/*-------------------------------portfolio_css-------------*/

/*-------------------------------cilent_css-------------*/
#testimonial .owl-controls{display: none}
.testimoanildesign{background: url(../img/testimonial.png); text-align: center;    padding: 40px 0px;}
.testi{    color: #fff;
    font-family: 'arimobold';
    text-transform: capitalize;
    width: 100%;
    text-align: center;
    padding: 0px 0px 35px 0px;}
.testimoanildesign p{color: #fff;     max-width: 670px;
    margin: 0px auto;}
.text-center.cilent_img{ border: 2px solid #fff;     margin: 25px 0px 20px 0px;
    display: inline-block;
    border-radius: 50%;
    padding: 4px;
}
.testimoanildesign a{color: #fff; font-style: italic; text-transform: capitalize;}
/*-------------------------------cilent_css-------------*/
/*-------------------------------blog_css-------------*/
.blog_title { padding: 0px 0px 50px 0px;
    color: #368627;
    font-family: 'arimobold';
    text-transform: capitalize;
    width: 100%;
    text-align: center;
    font-size: 40px;
}
.blog_img {    width: 48%;}
.blog_contant {    width: 50%;  }
.blog_contant a.blogtitle{
    width: 100%;text-transform: capitalize;
    display: inline-block;
    color: #368627;
    font-family: 'arimobold';
    font-size: 18px;}
.blog_contant span{    color: #9a9898;
    font-size: 16px; padding:5px 0px 0px;     display: inline-block;}
.blog_contant p{    color: #9a9898;
    font-size: 16px; padding: 10px 0px;}
.redmore{background: #368627;
    border-radius: 0px;
    border: none;
    text-transform: capitalize;
    padding:6px 14px; }

.redmore:hover, .redmore:active {
    background: #4b791f;
    color: #fff;}
.blogg{padding: 50px 0px;     border-bottom: 1px solid #ccc;}
.redmore:hover, .redmore:focus{background: #2b6d1f !important;}
.footer_logo {
    float: left;
    width: 100%;
    margin: 0px 0px 40px 0px;}
/*-------------------------------blog_css-------------*/

.logo_img{display: inline-block;     margin: 0px 20px;}
.logo_languages{text-align:center;    padding: 25px 0px;}
footer{width: 100%; float: left;      background: #000; padding: 40px 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#468a27+0,c4b228+100 */
background: rgb(70,138,39); /* Old browsers */
background: -moz-linear-gradient(left, rgba(70,138,39,1) 0%, rgba(196,178,40,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(70,138,39,1) 0%,rgba(196,178,40,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(70,138,39,1) 0%,rgba(196,178,40,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#468a27', endColorstr='#c4b228',GradientType=1 ); /* IE6-9 */} 
.foot_content{font-size:16px; width: 80%; float: left; color: #fff;}
.foot_btn{width: 100%; float: left;     margin: 20px 0px;}
.foot_btn a.btn {background: #fff; color: #498B27; text-transform: uppercase;     border-radius: 0px;
    border: none;     padding: 10px 10px;}
.foot_btn a.btn:hover, .foot_btn a.btn:active{    background: #4b791f; color: #fff;}
.footer_text{color: #fff; font-size: 22px; text-transform: capitalize ;     padding: 0px 0px 30px 0px;}
.foot_menu{}
.foot_menu li{list-style: none;}
.foot_menu li a{color: #fff; font-size: 16px; border-bottom: 1px solid #fff; width: 100%;     display: inline-block;     padding:10px 0px 10px 0px;}
.foot_menu li a:hover{    color: #386600;}
.input_nesw{width: 100%; float: left; position: relative;     margin: 17px 0px 0px 0px;}
.input_nesw input[type="text"]{    width: 100%;
    border: 1px solid #fff;
    height: 44px;
    padding: 0px 120px 0px 20px;
    background: transparent;
    color: #fff;}
.input_nesw a{    position: absolute;
    right: 4px;
    top: 4px;
    background: #fff;
    height: 36px;
    padding:9px 20px;
    color: #498B27;
    text-transform: capitalize;}
.footer_social-network{width: 100%; float: left;     margin:70px 0px 0px 0px;}
.footer_social-network li{display: inline-block;}
.footer_social-network li:first-child{width: 100%;     color: #fff;     padding: 0px 0px 18px 0px; text-transform: capitalize;
    font-size: 22px;}
.footer_social-network li a{    display: inline-block;
    width: 35px;
    height: 35px;
    border: 1px solid #fff;     margin-right: 26px;
    color: #fff;
    text-align: center;
    line-height: 33px;
    font-size: 20px;}
.footer_social-network li a:hover{    background: #fff;
    color: #a9aa28;}
.footer_social-network li:last-child a{margin-right: 0px;}
/*-------------------------------footer css-------------*/

/*-------------------------------Media css-------------*/
@media only screen and (max-width:1100px){
    .banner-right{width: 50%;}
    .left_tab_con{padding: 0px;}
     .slider_content{top: 120px;}
      .slid_contanet h2{font-size: 40px;}
      .slid_contanet h1{font-size: 70px; line-height: 70px;}
      .slid_contanet h5{font-size: 55px;
line-height: 20px;}
      .wrap_tab{padding: 0px 10px;}
       .blog_tile a{font-size: 30px;
line-height: 28px;}
       .newsletter{padding: 50px 0px;}
       .testimonial{background-position: center;}
       .slid_contanet{padding: 20px 0px;}
       .slid_contanet h1 {
	font-size: 40px;
	line-height: 30px;
}
.slid_contanet h5 {
	font-size: 24px;
	line-height: 20px;
}
.slide_icon img{width:10%;}
.self_btn{line-height: 30px;}
.solution_sec{padding: 25px 0px;}
.portfolio_box p {
	font-size: 14px;
	padding: 0px 0px 9px 0px;
}
.footer_social-network li a{ margin-right:10px;}
} 
@media only screen and (max-width:992px){
    .conact li a{font-size: 12px;}
    .slider_content{top: 20px;}
    .solution h2 {
	font-size: 30px;
	color: #000;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
}
.solution h3{font-size: 25px;}
.solution p {
	font-size: 15px;
	line-height: 24px;
	color: rgb(138,138,138);
	padding: 5px 0px;
}
.icon_box .icon_conent{width: 65%;}
.icon_conent b{font-size: 13px;}
.footer_social-network li a{width: 30px;
height: 30px; line-height: 30px; margin-right: 0px;}
.foot_menu li a{font-size: 14px;}
.foot_content{font-size: 13px; width: 100%;}
.logo_img img{width: 100px;
position: absolute;
left: 0px;
right: 0px;
margin: auto;
top: 0px;
bottom: 0px;}
.logo_img{width: 20%; float: left; margin: 0px ; height: 100px;
position: relative;}
.logo_img a{display: inline-block; vertical-align: middle;}
.b-isotope-grid__title{margin-top: 6px; font-size: 11px;}
.portfolio_box h3{font-size: 25px;}
.portfolio_box h5{padding: 0px;}
.imgbox{margin-bottom: 15px;}
.portfolio_box p{font-size: 10.2px;}
.portfolio{padding: 25px 0px;}
.bottom_content .title a {
	
	font-size: 13px;
}
.contbent{padding: 0px 10px; font-size: 14px;}
   
}
@media only screen and (max-width:767px){
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{background: #000;}
    .navbar-nav{margin: 0px -15px;}
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background-color: #649b45; color: #fff}
    .my_nav .nav.navbar-nav a { color: #fff;
	padding: 5px 5px;
	font-size: 16px;
}
    .solution_sec{padding: 25px 0px;}
    .solution h2 {font-size: 41px;padding: 5px 0px 0px 0px;}
    .solution p{padding: 20px 0px;}
    .solution{margin-bottom: 20px;}
    .portfolio{padding: 20px 0px;}
    footer{padding: 10px 0px;}
    .imgdiv img{width: 100%;}
    .icon_box i{width: 100px;}
    .icon_box .icon_conent{float: left;}
    .footer_logo {
	padding:10px 0px;
	text-align: center;
	margin: 0px 0px 10px 0px;
}
.foot_content{width: 100%; text-align: center;}
.footer_text {
	padding: 10px 0px 10px 0px;
	width: 100%;
	text-align: center;
	display: inline-block;
}
.footer_social-network li:first-child{text-align: center;}
.foot_btn{text-align: center;}
.footer_social-network{margin:20px 0px 0px 0px; text-align: center;}
.icon_box{margin: 10px 0px 0px 0px;}
.navbar-brand{padding: 2px 15px;}
}

@media only screen and (max-width:580px){
    .conact li a{font-size: 10px;}
    .navbar-brand{top: 0px;}
    .slid_contanet{padding: 0px 0px;}
    .slider_content{top: 40px;}
    .slid_contanet h1 {
	font-size: 23px;
	line-height: 25px; padding: 10px 0px 5px;
}
.slid_contanet h5 {
	font-size: 19px;
	line-height: 20px; padding: 0px 0px 5px 0px;
}
.self_btn{line-height: 18px;}
    .slide_icon{display:none;}
    .blog_img{width: 100%;}
    .blog_contant{width: 100%; margin: 20px 0px 10px 0px;}
    .footer_social-network li a{margin-right: 8px;}
    .footer_social-network{margin: 20px 0px 0px 0px;}
    
.logo_img{margin: 0px 0px 10px; width: 100%;
float: none;}
.blog_img img {
	width: 100%;
}
}

@media only screen and (max-width:479px){
    .pull-right .conact{text-align: left;}
    .navbar-brand{padding: 4px 15px;}
    .pull-right .conact li:last-child{padding-left: 0px;}
    .pull-right .conact li{border: none;}
    .carousel-indicators{bottom: -3px;}
    .slider_content{top: 0px;}
}

@media only screen and (max-width:320px){
    .pull-right .conact{text-align: left;}
    .navbar-brand{padding: 4px 15px;}
    .pull-right .conact li:last-child{padding-left: 0px;}
    .pull-right .conact li{border: none;}
    .carousel-indicators{bottom: -3px;}
    .slider_content{top: 0px;}
}