/* CSS Document */
*{ margin:0px; padding:0px;}
body{ font-family: 'Open Sans', sans-serif;}
img{max-width:100%;}
ul{ list-style:none;}
.clear{ clear:both; margin:0px; padding:0px; height:0px;}
a {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: .6s;
transition-duration: .6s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}

.subscribe:hover,.btn2:hover{ -webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: .6s;
transition-duration: .6s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;}




.header{ padding-top:20px;}
.logo{ float:left;}
.hedare_right{ float:right; margin-top:10px;}
.hedare_right ul{ margin:0px; padding:0px;}
.hedare_right ul li{ float:left; font-size:18px; color:#fff; background:#f98f05; font-weight:600; margin-left:12px;  border-radius: 20px;}
.hedare_right ul li span{ color:#fff; font-size:20px; margin-right:5px;}
.hedare_right ul li a{ text-decoration:none;  color:#fff; padding:2px 20px; display:block;  border-radius: 20px;}
.hedare_right ul li a:hover{ color:#fff; background:#000;  border-radius: 20px; box-shadow: 5px 5px 5px #888;}
.hedare_right ul li:hover span{ color:#FFFFFF;}
.nav{ margin-top:35px;}
.nav ul{ margin:0px; padding:0px;}
.nav ul li{ font-size:18px; color:#000000;  font-weight:600; float:left; margin-right:20px;}
.nav ul li a{ text-decoration:none; color:#000000;}
.nav ul li a:hover,.nav ul li a.active{ color:#29c0a3; background:#eee;}
.nav ul li:last-child{ margin-right:0px;}
.nav ul li li{ font-size:14px; width:100%; margin:0px;}
.nav ul li li a{ color:#FFFFFF; padding:10px 10px;}
.navbar{ margin-bottom:0px;}
.navbar-collapse{ padding:0px;}
.navbar-nav > li > .dropdown-menu{ background:#e76161 ; border:0px; border:1px solid #CCCCCC;}

/*.banner_sec{ background:#000 url(../images/banner-bg.png) center top no-repeat; height:500px; margin-top:20px;}*/
.banner_sec .left{ float:left; padding-top:30px;}
.banner_sec .right{ float:right; width:60%; padding-top:30px;}
.banner_sec .right h2{ font-size:2.4em; color:#FFFFFF; font-weight:600;}
.banner_sec .right p{ font-size:22px; color:#FFFFFF; font-weight:300;}
.banner_sec .right span{ display:block; width:200px; font-size:25px; color:#e76161; border:1px solid #206a29 ; border-radius:20px; margin-top:30px;}
.banner_sec .right span a{ display:block; color:#206a29 ; text-align:center; border-radius:20px; text-decoration:none; padding:5px 0px;}
.banner_sec .right span a:hover{ background:#206a29 ; color:#FFFFFF; border-radius:20px;  box-shadow: 10px 10px 5px #000; }
.banner_sec .bx-wrapper .bx-viewport{ background:none; border:0px; box-shadow: 0 0 0px ; }
.banner_sec .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto { position: absolute; bottom:25px; width:100%;}
.red_herring{ margin:0px; padding:40px 0px; text-align:center;}
.red_herring h2{ font-size:2.2em; color:#000000; font-weight:700;}
.red_herring ul{ margin-top:35px;}
.red_herring ul li{ display:inline-table; padding:20px; border:1px solid #c0c0c0; border-radius:5px;}



.package-plan{ background:url(../images/packages-plan-bg.jpg) fixed center top no-repeat; padding:65px 0px; background-size: cover;}
.package-plan .left{ float:left; width:35%;}
.package-plan .left p{ font-size:27px; color:#ffffff; font-weight:300;}
.package-plan .left h2{ font-size:2.4em; color:#ffffff; font-weight:600;}
.package-plan .left span{ display:block; border:2px solid #206a29; height:50px; line-height:46px; width:175px; text-align:center; font-size:20px; color:#FFFFFF; font-weight:600;  float:left; margin-top:30px; margin-right:20px; border-radius:30px;}
.package-plan .left span a{ text-decoration:none; color:#FFFFFF; display:block; border-radius:30px;}
.package-plan .left span a:hover{  border-radius:30px; color:#fff; background:#206a29 ;}
    

.package-plan .right ul{ margin:0px; padding:0px;}
.package-plan .right ul li{ float:left; width:32%; background-color:rgba(0,0,0,0.5); padding:0px 15px; border:1px solid #2e2e2f;  border-radius:5px; text-align:center; position:relative; margin:20px 0.5%;}
.rw{margin-top:-40px; background: #fff;
    height: 80px; display:inline-block;
    width: 80px;
    border-radius: 100%; text-align:center; line-height:80px;}
.package-plan .right ul li h2{ font-size:30px; color:#ffffff; font-weight:300; text-transform:uppercase;}
.package-plan .right ul li p{ font-size:15px; color:#fff; font-weight:700; text-transform:uppercase;}
.package-plan .right ul li p.rs{ color:#FFFFFF; font-size:40px; text-transform:capitalize; font-weight:700;}
.package-plan .right ul li:hover{ background:#206a29;  transition-duration: .6s;   box-shadow: 3px 3px rgba(255, 255, 255, 1);}
.package-plan .right ul li:hover p{ color:#FFFFFF;}
.package-plan .right ul li:hover img{ transform: rotate(360deg) scale(1) skew(1deg) translate(0px); transition: all 1s ease 0s;}
 .package-plan .right ul li .button{     display: inline-block;
    background: #fff;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin: 10px 0;
    text-transform: uppercase;
    padding: 5px 20px;
    border-radius: 30px;
    text-decoration: none;}   

.helps_sec{ margin:0px;}
.helps_sec .left{ width:50%; background:#206a29 url(../images/man.png) right bottom no-repeat; min-height:495px; float:left;}


.helps_sec .left p{ font-size:27px; color:#ffffff; font-weight:300; padding-top:50px; padding-left:5%;}
.helps_sec .left p span{ color:#000000; display:inline; background:none; font-size:33px; width:auto; margin:0px; padding:0px; text-align:left; height:auto; line-height:normal;}
.helps_sec .left span{ display:block;  height:50px; line-height:46px; width:175px; text-align:center; font-size:20px; color:#FFFFFF; font-weight:600;  margin-top:30px; margin-right:20px; border-radius:30px; background:#000000; margin-left:22%;}
.helps_sec .left span a{ text-decoration:none; color:#FFFFFF; display:block; border-radius:30px;}
.helps_sec .left span a:hover{  border-radius:30px; color:#FFF; background:#206a29 ;}

.helps_sec .right{ width:50%; background:#206a29; min-height:495px; float:right; text-align:right; padding-right:2%; padding-top:50px;}
.helps_sec .right h2{ font-size:2.5em; color:#ffffff; font-weight:600;}
.helps_sec .right p{ font-size:35px; color:#000; font-weight:300; padding-left:20%; line-height:50px;}
.helps_sec .right p span{ font-weight:700;}


.app_sec{ padding:50px 0px; text-align:center;}
.app_sec h2{ font-size:2.4em; font-weight:600; color:#000000;}
.app_sec h3{ font-size:18px; color:#9d9d9d; font-weight:600;  width:90%; margin:20px auto 0 auto; line-height:24px;}
.app_sec .bx-wrapper .bx-pager.bx-default-pager a{ background:#d2d2d2; box-shadow:3px 3px 5px 0px rgba(50, 50, 50, 0.75);}
.app_sec .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:-30px!important;}
.app_slider{ width:80%; margin:50px auto 0 auto;}
    
.testimonials_sec{ background:#323a45  url(../images/bg-parallax-5.jpg) fixed center 0px no-repeat; padding:25px 0px; background-size:cover; }  
.test_cont{ background-color:rgba(0,0,0,0.7); font-size:24px; color:#ffffff; padding:50px; width:80%; text-align:center; line-height:36px; font-weight:300; margin:100px auto 0 auto;}
.name{ margin-top:30px; text-align:center;}
.name img{ margin:0 auto;}
.name h3{ font-size:19px; font-weight:700; color:#ffffff;}
.name p{ font-size:13px; font-weight:600; color:#FFFFFF;}   
.testimonials_sec .bx-wrapper .bx-prev{ background:url(../images/test_arrow.png) left top no-repeat;}
.testimonials_sec .bx-wrapper .bx-next{background:url(../images/test_arrow2.png) left top no-repeat;}
.testimonials_sec .bx-wrapper .bx-controls-direction a{ width:44px; height:44px;}
.testimonials_sec .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ display:none;}
.testimonials_sec .bx-wrapper{ margin-bottom:0px;}
.testimonials_sec .bx-wrapper .bx-controls-direction a{ margin-top:-55px;}
.testimonials_sec  .bx-wrapper .bx-prev:hover{ background-position: 0px -44px;}
.testimonials_sec  .bx-wrapper .bx-next:hover{ background-position: 0px -44px;}

.solution_sec{ padding:30px 0px; text-align:center;}
.solution_sec h2{ font-size:2.4em; color:#000000; font-weight:600;}
.solution_sec p{ font-size:20px; color:#3b3b3b;}


.service_sec{ background:#206a29 url(../images/tick.jpg) center top no-repeat; padding:10px 0px; padding-bottom:0px;}
.service_sec .left{ float:left; width:50%;} 
.service_sec .right{ float:right; width:50%; text-align:center;} 
.service_sec .right h3{ font-size:22px; color:#ffffff; font-weight:300;}
.service_sec .right h2{ font-size:27px; color:#000000; font-weight:600;}
.service_sec .right p{ font-size:18px; color:#ffffff; padding-top:20px;}
.service_sec .right span{ display:block;  height:50px; line-height:46px; width:175px; text-align:center; font-size:20px; color:#FFFFFF; font-weight:600; border-radius:30px; border:2px solid #FFFFFF; margin:40px auto 0 auto;}
.service_sec .right span a{ text-decoration:none; color:#000; background:#fff; display:block; border-radius:30px;}
.service_sec .right span a:hover{  border-radius:30px; color:#fff; background:#000;}

.service_sec .bx-wrapper{ margin-bottom:0px;}
.service_sec .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:-50px;}
.service_sec .bx-wrapper .bx-pager.bx-default-pager a{  background: #d2d2d2 none repeat scroll 0 0;
box-shadow: 3px 3px 5px 0 rgba(50, 50, 50, 0.75);}
.service_sec .bx-wrapper .bx-pager.bx-default-pager a:hover,
.service_sec .bx-wrapper .bx-pager.bx-default-pager a.active {
background: #206a29;
}



.user_sec{ background:url(../images/img-bg-2.jpg) center top no-repeat; text-align:center; padding:60px 0px; background-attachment: fixed;}
.user_sec h2{  font-size:30px; color:#fff; font-weight:700;  margin-top:30px;}
.user_sec h2 span{ font-size:20px; display:block; font-weight:300;}
.btns{ display:block;  height:50px; line-height:46px; width:175px; text-align:center; font-size:20px; color:#FFFFFF; font-weight:600; border-radius:30px; border:2px solid #FFFFFF; margin:40px auto 0 auto; display:inline-table;}
.btns a{ text-decoration:none; color:#FFFFFF; display:block; border-radius:30px;}
.btns a:hover{  border-radius:30px; color:#fff; background:#206a29 ;}



.startup_sec{ padding:40px 0px; text-align:center;}
.startup_sec h2{ font-size:2.4em; color:#000000; font-weight:600;  margin-top:30px;}
.startup_sec h3{ font-size:30px; color:#206a29; font-weight:600; background:url(../images/bd.jpg) center bottom no-repeat; padding-bottom:20px;}
.startup_sec h3 span{ display:block;}
.startup_sec p{ font-size:20px; color:#3b3b3b; padding-top:10px;}

.cloud_sec{ margin:0px; background:#1771cd url(../images/cloud_bg.png) left top repeat-y;}
.cloud_sec .row1{ width:25%; float:left; background:#7e37c7 url(../images/cld_bg1.png) right top no-repeat; padding:50px 30px; text-align:center; min-height:230px;}
.cloud_sec .row1 h3{ font-size:20px; color:#ffffff; font-weight:700;}
.cloud_sec .row1 p{ font-size:15px; color:#ffffff;}
.cloud_sec .row1:hover h3{ transform: scale(1.1);  transition-duration: .6s;}
.cloud_sec .row1:hover p{ transform: scale(1.1);  transition-duration: .6s;}


.cloud_sec .row2{ width:25%; text-align:center; float:left; background:#e76161 url(../images/cld_bg2.png) left top no-repeat; padding:50px 30px; min-height:230px;}
.cloud_sec .row2 h3{ font-size:20px; color:#ffffff; font-weight:700;}
.cloud_sec .row2 p{ font-size:15px; color:#ffffff;}
.cloud_sec .row2:hover h3{ transform: scale(1.1);  transition-duration: .6s;}
.cloud_sec .row2:hover p{ transform: scale(1.1);  transition-duration: .6s;}


.cloud_sec .row3{ width:25%; float:left; background:#0d997d url(../images/cld_bg3.png) right top no-repeat; padding:50px 30px; text-align:center; min-height:230px;}
.cloud_sec .row3 h3{ font-size:20px; color:#ffffff; font-weight:700;}
.cloud_sec .row3 p{ font-size:15px; color:#ffffff;}
.cloud_sec .row3:hover h3{ transform: scale(1.1);  transition-duration: .6s;}
.cloud_sec .row3:hover p{ transform: scale(1.1);  transition-duration: .6s;}


.cloud_sec .row4{ width:25%; float:left; background:#1771cd url(../images/cld_bg4.png) left top no-repeat; padding:50px 30px; text-align:center; min-height:230px;}
.cloud_sec .row4 h3{ font-size:20px; color:#ffffff; font-weight:700;}
.cloud_sec .row4 p{ font-size:15px; color:#ffffff;}
.cloud_sec .row4:hover h3{ transform: scale(1.1);  transition-duration: .6s;}
.cloud_sec .row4:hover p{ transform: scale(1.1);  transition-duration: .6s;}


.reach_sec{ background:#292929; padding:30px 0px; text-align:center;}
.reach_sec h2{ font-size:40px; font-weight:600; color:#FFFFFF;}
.reach_sec span{ display:block;  height:50px; line-height:46px; width:175px; text-align:center; font-size:20px; color:#FFFFFF; font-weight:600; border-radius:30px;
 margin:40px auto 0 auto; display:inline-block; margin-left:10px;}
.reach_sec span a{ text-decoration:none; color:#206a29; display:block; border-radius:30px;  border:2px solid #206a29;}
.reach_sec span a:hover{  border-radius:30px; color:#fff!important; background:#206a29; border:2px solid #206a29;}

.featured_sec{ padding:45px 0px; text-align:center;}
.featured_sec h2{ font-size:40px; color:#000000; font-weight:300;}
.featured_sec h2 span{ font-weight:700;}
.featured_sec ul{ margin-top:40px;}
.featured_sec ul li{ display:inline-table; margin:10px; width:155px; height:155px; border:2px solid #d9d9d9; text-align:center; border-radius:50%; padding-top:50px;   transition: transform ease 0.6s;}
.featured_sec ul li:hover{ border:2px solid #00CC66; transform: rotate(-30deg); box-shadow: 6px 6px 5px #888;}

.offering_sec{ background:url(../images/bg2.jpg) center top repeat-y; padding:40px 0px; text-align:center;}


.offering_sec h2{ font-size:40px; color:#fff; font-weight:300;}
.offering_sec h2 span{ font-weight:700;}
.offering_sec ul{ margin-top:30px;}
.offering_sec ul li{ display:inline-table; margin:10px; width:30%;}
.offering_sec ul li h3{ font-size:30px; color:#ffffff; font-weight:600; padding-top:20px;}
.offering_sec ul li img{  transition: transform ease 0.6s;}
.offering_sec ul li:hover img{ transform: rotate(3deg); transition-duration: .6s; }
.offering_sec ul li:hover h3{ color:#000000; transition-duration: .6s;}

.development_sec{ padding:40px 0px; text-align:center;}
.development_sec h2{ font-size:2.4em; color:#000000; font-weight:600;}
.development_sec h3{ font-size:26px; color:#e76161; font-weight:300;}
.development_sec ul{ margin-top:50px;}
.development_sec ul li{ display:inline-table; text-align:center; width:15%;}
.development_sec ul li p{ font-size:19px; color:#323232; font-weight:600;}
.development_sec ul li img{  transition: transform ease 0.6s;}
.development_sec ul li:hover img{ transform: rotate(10deg);}

.building_sec{ width:80%; margin:40px auto 0px auto; text-align:center;}
.building_sec h3{ font-size:42px; color:#e76161; font-weight:800;}
.building_sec p{ font-size:18px; color:#3b3b3b; width:70%; margin:0 auto; padding-top:20px;}

.strategy_sec{ background:#206a29;}
.strategy_sec .left{ float:left; width:65%;  padding-top:50px;}
.strategy_sec .left h2{ font-size:52px; font-weight:700; color:#ffffff; margin-top:0px;}
.strategy_sec .left h4{ font-size:36px; font-weight:700; color:#ffffff; margin:0px;}
.strategy_sec .left h3{ color:#181818; font-size:32px; font-weight:300;}
.strategy_sec .left p{ font-size:18px; color:#ffffff; padding-top:20px;}
.strategy_sec .left span{ display:block;  height:50px; line-height:46px; width:175px; text-align:center; font-size:20px; color:#FFFFFF; font-weight:600; border-radius:30px;
 border:2px solid #fff; margin:40px auto 0 auto; display:inline-table; margin-left:10px;}
.strategy_sec .left span a{ text-decoration:none; color:#fff; display:block; border-radius:30px;}
.strategy_sec .left span a:hover{  border-radius:30px; color:#fff!important; background:#e76161; }
.strategy_sec .right{ float:right; width:28%; padding-top:30px;}



.portfolio_sec{ padding:50px 0px; text-align:center;}
.portfolio_sec h2{ font-size:2.3em; color:#e76161; font-weight:700;}
.portfolio_sec h3{ font-size:26px; color:#181818; font-weight:400; line-height:40px; margin-bottom:50px;}
.portfolio_sec .bx-wrapper .bx-prev{ background:url(../images/portfolio_arrow1.png) left top no-repeat;}
.portfolio_sec .bx-wrapper .bx-next{background:url(../images/portfolio_arrow2.png) left top no-repeat;}
.portfolio_sec .bx-wrapper .bx-controls-direction a{ width:44px; height:111px;}
.portfolio_sec .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ display:none;}
.portfolio_sec .bx-wrapper{ margin-bottom:0px;}
.portfolio_sec .bx-wrapper .bx-controls-direction a{ margin-top:-55px;}
.portfolio_sec  .bx-wrapper .bx-prev:hover{ background-position: 0px -111px;}
.portfolio_sec .bx-wrapper .bx-next:hover{ background-position: 0px -111px;}
.portfolio_sec .bx-wrapper img{ display:inline-table;}
.portfolio_sec span{ display:block;  height:50px; line-height:46px; width:230px; text-align:center; font-size:20px; color:#000; font-weight:600; border-radius:30px;
margin:40px auto 0 auto; display:inline-table; margin-left:10px;}
.portfolio_sec span a{ text-decoration:none; color:#000; display:block; border-radius:30px;  border:2px solid #000; }
.portfolio_sec span a:hover{  border-radius:30px; color:#fff!important; background:#206a29; border:2px solid #339e8a;}

.rapid_sec{ background:#00bfa5 ; padding:30px 0px;}
.rapid_sec .left{ float:left; width:30%;}
.rapid_sec .right{ float:right; width:60%; text-align:right;}
.rapid_sec .right h2{ font-size:42px; color:#000000; font-weight:700;}
.rapid_sec .right h3{ font-size:26px; color:#ffffff;}
.rapid_sec .right p{ font-size:18px; color:#ffffff;}
.rapid_sec .right span{ display:block;  height:50px; line-height:46px; width:200px; text-align:center; font-size:20px; color:#fff; font-weight:600; border-radius:30px;
 border:2px solid #fff; margin:40px auto 0 auto; display:inline-table; margin-left:10px;}
.rapid_sec .right span a{ text-decoration:none; color:#fff; display:block; border-radius:30px;}
.rapid_sec .right span a:hover{  border-radius:30px; color:#fff!important; background:#339e8a; }

.data_sec{ background:#e7e7e7; margin-top:10px; padding:10px 0px;}
.data_sec .left{ float:left; width:60%; padding-top:50px;}
.data_sec .left h2{ font-size:42px; color:#000000; font-weight:700;}
.data_sec .left h3{ font-size:26px; color:#e76161;}
.data_sec .left p{ font-size:18px; color:#474747;}
.data_sec .right{ float:right; width:30%;}

.why_wizard_sec{ margin:40px 0;}
.why_wizard_sec .left{ width:50%; float:left; border-right:2px solid #206a29;}
.why_wizard_sec h2{ font-size:36px; color:#206a29; font-weight:600;}
.why_wizard_sec .left h3{ font-size:23px; color:#3b3b3b;}
.why_wizard_sec .left p{ font-size:30px; color:#3b3b3b; font-weight:300; line-height:40px;}
.why_wizard_sec .left span{ display:block;  height:50px; line-height:50px; width:200px; text-align:center; font-size:20px; color:#fff; font-weight:600; border-radius:30px;
 margin:40px auto 0 auto; display:inline-table; margin-left:10px; background:#206a29;}
.why_wizard_sec .left span a{ text-decoration:none; color:#fff; display:block; border-radius:30px;}
.why_wizard_sec .left span a:hover{  border-radius:30px; color:#fff!important; background:#000; }
.why_wizard_sec .right{ width:50%; float:right; padding:0 30px;}




.why_wizard_sec2{ margin-top:40px;}
.why_wizard_sec2 .left{ width:50%; float:left;  padding:30px; }
.why_wizard_sec2 .right{ width:50%; float:right; border-left:2px solid #206a29;  padding:30px 30px 0px 30px; }
.why_wizard_sec2 .right h2{ font-size:47px; color:#206a29; font-weight:600;}
.why_wizard_sec2 .right h3{ font-size:23px; color:#3b3b3b;}
.why_wizard_sec2 .right p{ font-size:30px; color:#3b3b3b; font-weight:300; line-height:40px;}
.why_wizard_sec2 .right span{ display:block;  height:50px; line-height:50px; width:200px; text-align:center; font-size:20px; color:#fff; font-weight:600; border-radius:30px;
 margin:40px auto 0 auto; display:inline-table; margin-left:10px; background:#206a29;}
.why_wizard_sec2 .right span a{ text-decoration:none; color:#fff; display:block; border-radius:30px;}
.why_wizard_sec2 .right span a:hover{  border-radius:30px; color:#fff!important; background:#000; }
.why_wizard_sec li{font-size:18px; margin-bottom:10px;}
.why_wizard_sec li i{margin-right:10px;}
.newslatter_sec{ background:#e7e7e7 ; padding:20px 0px; margin-top:35px;}
.newslatter_sec h2{ font-size:40px; color:#000000; text-align:center; font-weight:400; margin:0px; padding-bottom:20px;}
.inp{ height:40px; line-height:40px; padding:0px 10px; font-size:16px; color:#565656; width:620px; border:0px;   border-radius:5px;}
.newslatter_sec .area_sec{ width:80%; margin:0 auto;}
.subscribe{ background:#000000; font-size:18px; color:#FFFFFF; width:150px; text-align:center; height:42px; line-height:42px; border:0px;  border-radius:5px; margin-left:-10px;}
.subscribe:hover{ background:#206a29;  border-radius:5px;}

.contact_sec{ background:#206a29; padding:30px 0px;}
.contact_sec .left{ float:left; width:50%;}
.contact_sec .left h3{ font-size:30px; color:#000000; text-align:center;}
.contact_sec .left h4{ font-size:18px; color:#ffffff; text-align:center;}
.contact_sec .left p{ margin-top:20px;}
.contact_sec .left p label{ display:block; font-size:16px; color:#000000; font-weight:normal;}
.inp2{ height:40px; line-height:40px; padding:0px 10px; font-size:16px; color:#565656; width:100%; border:0px; border-radius:5px;}
.area{ height:120px; line-height:40px; padding:0px 10px; font-size:16px; color:#565656; width:100%; border:0px; border-radius:5px;}
.contact_sec .left  span{ display:block; float:right; font-size:15px; color:#000000; font-weight:normal;}
.contact_sec .right{ float:right; width:45%; text-align:center; padding-top:100px;}
.contact_sec .right p{ font-size:16px; color:#fefefe;}
.btn2{ background:#206a29 ; font-size:18px; color:#FFF; font-weight:600; width:200px; text-align:center; height:42px; line-height:42px; border:0px;  border-radius:30px; float:right;}
.btn2:hover{ background:#000;  border-radius:30px; color:#FFFFFF;}




.partner_sec{ padding:20px 0px; text-align:center;}
.partner_sec ul{ margin:0px;}
.partner_sec ul li{ display:inline-table; margin:10px 15px;}
.partner_sec ul li img{transition: all 0.3s;}
.partner_sec ul li img:hover{ transform: scale(1.1);}
.footer_sec{ margin:0px; padding:0px;}
.footer_sec .row1{ width:20%; float:left; padding:0px 20px 0 0;}
.footer_sec .row1 h3{ font-size:15px; color:#fff; text-transform:uppercase; margin-bottom:20px;}
.footer_sec .row1 p{ font-size:13px; color:#fff;}
.footer_sec .row2{ width:20%; float:left;}
.footer_sec .row2 h3{ font-size:15px; color:#fff; text-transform:uppercase; margin-bottom:20px;}
.footer_sec .row2 ul{ margin:0px; padding:0px;}
.footer_sec .row2 ul li{ font-size:13px; color:#747474; margin-top:5px;}
.footer_sec .row2 ul li a{ text-decoration:none; color:#fff;}
.footer_sec .row2 ul li a:hover{ color:#fff; text-decoration:underline;}

.footer_sec .form-control{border-radius:0; border:1px solid #111; background:#222;color: #ddd;}
.footer_sec .btn{background:#206a29; color:#fff; border:none;}
.footer_sec .row3{ width:40%; float:right;}
.footer_sec .row3 h3{ font-size:15px; color:#fff; text-transform:uppercase; margin-bottom:20px;}
.footer_sec .row3 p{color:#fff;}
.footer_sec .row3 ul{ margin:0px; padding:0px;}
.footer_sec .row3 ul li{ font-size:15px; color:#747474; margin-top:5px; display:inline-table; background:#206a29;  border-radius:30px;}
.footer_sec .row3 ul li a{ text-decoration:none; color:#fff; display:block; width:30px; height:30px; text-align:center; line-height:30px;  border-radius:30px; transition-duration: 0.8s;}
.footer_sec .row3 ul li a:hover{ color:#fff; background:#e76161; border-radius:30px;  transform: scale(1) rotate(360deg);}
.copy_sec{ border-top:1px solid #333; text-align:center; margin-top:30px; padding:10px 0px; margin-bottom:0px;}
.copy_sec p{ font-size:13px; color:#999999;}

.outer_nav{ font-size:0px;}


/*BOTTAM TO TOP CSS*/

.cd-top {
  display: inline-block;
  height: 50px;
  width: 46px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:url(../images/top_arrow.png) no-repeat;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}


.banner_text .intro {
    float:right;
    top: 76.3px;
    width: 400px;
    height: auto;
    font-size: 10.5391px;
    padding: 23.8885px 15px;
    background-color:rgba(0,0,0, 0.2);
    opacity: 1;
    margin-top:80px;
    text-align:center;
    color:#fff;
}
.banner_sec{position:relative;}
.banner_text{position:absolute; left:0; top:0; width:100%;}
.banner_text .intro h2 {
    font-size: 3.8em;
    line-height: 0.96em;
    font-weight: 700;
    color:#fff;
}
.banner_text .intro h2 span {
    display: block;
    font-size: 0.685em;
    line-height: 0.95em;
    font-weight: 400;
}
.banner_text .intro p {
    margin-top: 0.585em;
    font-size: 14px;
    line-height: 1.35em;
}
.banner_text .intro a{
    text-transform:uppercase;
    color: #000;
    background: #fff;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    width: 120px;   
}
.banner_text .intro a:hover{
    text-decoration:none;
    background:#000;
    color:#fff; 
}
.contact_new {
    width: auto;
    height: auto;
    padding: 20px 0;
    color:#fff;
   background:#206a29;
    text-align: center;
    background-size:cover;
}
.touch_all {
    width: auto;
    height: auto;
    margin-top: 35px;
}
.touch_rept {
    width: auto;
    height: auto;
    margin-bottom: 20px;
    text-align: center;
}
.touch_rinner {
    display: inline-block;
    height: 116px;
    position: relative;
    width: 116px;
    text-align: center;
}
.touch_rept span {
    width: 116px;
    height: 116px;
    display: inline-block;
    transform: rotate(0deg);
    background-position: left top;
    background-repeat: no-repeat;
    transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -webkit-transition: all 2s ease-in-out;
    border: #fff dotted 10px;
    border-radius: 100%;
}
.touch_rept i {
    font-size: 60px !important;
    line-height: 120px;
    color:#fff;
}
.touch_all a p {
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    color:#fff;
}
.touch_all a p strong {
    color: #fff;
    font-size: 22px;
    display: block;
    line-height: 38px;
    font-weight: normal;
}
.touch_rept span.ntalk_bg {
    background-position: -146px 0;
}
.touch_rept span.ntouch_bg {
    background-position: 0 0;
}
.touch_rinner>p {
    position: absolute;
    top: 0;
    width: 100%;
    vertical-align: middle;
    height: 116px;
    line-height: 116px !important;
    z-index: 2;
    text-align: center;
}
.ani_bg {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    height: 92px;
    position: absolute;
    top: 12px;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    width: 92px;
    z-index: 1;
    left: 12px;
}
.touch_rept:hover span {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}
.touch_all a:hover{
    text-decoration:none;   
}
.footer_outer{background:#000;     position: static;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 0;}
.banner_sec .bx-wrapper .bx-controls-direction a{
    width:50px;
    height:50px;
    margin:-20px 0 0 0; 
    top:50%;
}
.banner_sec .bx-wrapper  .bx-prev{background:url(../images/left-slide.png) no-repeat; left:0;}
.banner_sec .bx-wrapper  .bx-next{background:url(../images/right-slide.png) no-repeat; right:0;}
.global_btn{
    border: 2px solid #206a29;
    height: 50px;
    line-height: 46px;
    width: auto;
    padding:0 30px;
    text-align: center;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    display:inline-block;
    border-radius: 30px;
    margin:15px;
}
.global_btn:hover{
    background: #206a29 none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    text-decoration:none;
}
.global_btn.domain_register{margin:0; float:right;}
.inner_content{padding:30px 0;}
.inner_content h1{margin-top:0;}
.inner_content p{font-size:16px; line-height:28px;}
.inner_content .left_menu li{margin-bottom:10px;}
.inner_content .left_menu li a{font-size: 16px;
    color: #333;
    padding: 7.5px 15px;
    background: #eee;
    display: inline-block;
    width: 100%;}
.inner_content .left_menu li img{vertical-align:middle; margin-right:6px;}
.inner_content .left_menu li a:hover{
    text-decoration:none;
    background:#000;
    color:#fff; 
}
.listing li{font-size: 16px;
    margin-bottom: 10px;
    background: url(../images/tick.png) no-repeat left 5px;
    padding-left: 30px;
    line-height: 30px;}
    
    
    
.packages_plan_table{font-size:15px;}   
.packages_plan_table table thead tr:nth-child(2) {
    background: #333;
}
.packages_plan_table table .small_title {
    background: #aaa;
}
.packages_plan_table table td, .packages_plan_table table th {
    text-align: center;
}
.packages_plan_table table tr td:first-child, .packages_plan_table table th:first-child {
    text-align: left;
}
.packages_plan_table table tr:nth-child(odd) {
    background: #f4f4f4;
}
.packages_plan_table table tr th {
    color: #fff;
}
.packages_plan_table table tr:nth-child(1) th.basic {
    background: #CFA1A1;
}
.packages_plan_table table tr:nth-child(1) th.item {
    background: #f15959;
}
.packages_plan_table table tr:nth-child(1) th.bronze {
    background: #CD7F32;
}
.packages_plan_table table tr:nth-child(1) th.silver {
    background: silver;
}
.packages_plan_table table tr:nth-child(1) th.gold {
    background: #c90;
}
.packages_plan_table table tr:nth-child(1) th.titanium {
    background: #303030;
}
.packages_plan_table table tr:nth-child(1) th.quantity {
    background: #666;
}
.packages_plan_table table tr:nth-child(1) th {
    height: 60px;
    vertical-align: middle;
    font-size: 20px;
    text-shadow: 0 1px #000;
}
.packages_plan_table table td a {
    background: #e20700;
    color: #fff;
    border-radius: 4px;
    padding: 7px 15px;
    display: inline-block;
}
td.no {
    background: url(../images/no.png) no-repeat;
    background-position: 50%;
}
td.yes {
    background: url(../images/yes.png) no-repeat;
    background-position: 50%;
}
.packages_plan_table table tr:nth-child(1) th.diamond {
    background: #b7b494;
}
.packages_plan_table table th.small_title {
    background: #31a5fd;
    text-align: center!important;
}
.packages_plan_table table tr:nth-child(1) th.plantinum {
    background: #5a5c5b;
}
.inner_banner .banner_text{display:none;}

/* free quote */
.free_quote {
    clear: both;
    margin-top: 20px;
    padding: 15px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    display:none;
}
.free_quote h2 {
    margin: -15px -15px 15px;
    padding: 15px 0 15px 15px;
    line-height: 26px;
    border-left: 6px solid #f98f05;
    background: #006f37;
    color: #fff;
    font-weight: 300;
    font-size: 18px;
}
.free_quote h2 strong {
    font-weight: 600;
    font-size: 21px;
}
.form-group {
    margin-bottom: 15px;
}
.input-group.error_msg {
    padding-bottom: 10px;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.free_quote .form-group .input-group .input-group-addon {
    background: #fff;
    color: #ccc;
    font-size: 16px;
    min-width: 47px;
}
.input-group-addon:first-child {
    border-right: 0;
}
.form-group .input-group-addon i {
    font-size: 24px;
}
.upload {
    position: relative;
    display: inline-block;
}
.upload .btn {
    font-size: 15px;
    text-transform: uppercase;
    padding-left: 16px;
    padding-right: 16px;
    margin: 0 0 15px;
}
.free_quote .form-group .form-control {
    height: 48px;
}
.upload input[type=file] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
    cursor: pointer;
}
.send_it {
    background: url(../images/sendit_img.png) right top no-repeat rgba(0, 0, 0, 0);
    border: 2px solid #206a29;
    border-radius: 0;
    color: #206a29;
    display: inline-block;
    font-size: 17px;
    margin: 0;
    padding: 10px 48px 10px 20px;
    font-weight: 300;
}
.free_quote .form-group textarea.form-control{min-height:100px;}
.free_quote .form-group .input-group.error_msg .input-group-addon{vertical-align:top;}  
#main{position:relative; z-index:1; background:#fff;}
.upper_footer{display:none;}    
    
.thanks_box{background:url(../images/bg.jpg) no-repeat; background-size:cover; padding:50px 0; text-align:center;}
.outer_box{width: 500px; margin: 30px auto;}
.thanks_box .box{    width: 500px;
    
        background-color: rgba(0,111,0, 0.5);
    border-radius: 100%;
    font-size: 19px;
    height: 500px;
    color: #fff;
    display: table-cell;
    text-align: center;
    padding: 73px;
    vertical-align: middle;}
.thanks_box .box h1{font-weight:900; font-size:80px;}
.check-btn {
    background: rgba(0, 0, 0, 0) url(../images/send-request.png) no-repeat scroll 0 0;
    border: medium none;
    height: 54px;
    width: 100%;
}



    
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 43px;
    width: 43px;
    right: 30px;
    bottom: 30px;
  }
}

/*BOTTAM TO TOP CSS END HERE*/





/*ABOUT US PAGE CSS START HERE*/

.inner_banner{text-align:center; position:relative;}
.inner_banner img{ width:100%;}
.banner_con2{ position:absolute; left:0px; top:35%; text-align:center; width:100%;}
.banner_con2 h2{ font-size:40px; color:#FFFFFF; text-transform:uppercase; font-weight:600; text-transform:uppercase; }
.banner_con2 h2 span{ display:block; font-size:20px; font-weight:300; padding-top:10px; }


.abt_head{ text-align:center; width:90%; padding:30px 0 0px 0; margin:0 auto;}
.abt_head h2{ font-size:40px; color:#000000; color:#000000; text-align:center; font-weight:600; text-transform:inherit;}
.abt_head p{ font-size:18px; color:#000000; padding-top:20px;}
.abt_head .left{ float:left; width:30%; margin-top:50px;}

.abt_head .right{ float:right; width:60%; text-align:left;}
.abt_head .right p{ font-size:18px; color:#000000;}
.btns2{ display:block; border:2px solid #206a29; height:50px; line-height:46px; width:175px; text-align:center; font-size:20px; color:#000; font-weight:600;  float:left; margin-top:30px; margin-right:20px; border-radius:30px;}
.btns2 a{ text-decoration:none; color:#000; border-radius:30px; display:block;}
.btns2 a:hover{ background: #206a29 none repeat scroll 0 0;
border-radius: 30px;
color: #fff;
}
.prototypes{ background:#18bd9f url(../tori/html/images/num_bg.html) center top no-repeat; padding:50px 0px; text-align:center;}
.prototypes ul{ margin:0px; padding:0px;}
.prototypes ul li{ width:21.5%; text-align:center; display:inline-table;
 border-radius:10px; border:2px solid #fff;
 margin:0 1%;
}




.prototypes ul li h3{ font-size:50px; color:#FFFFFF; text-shadow: 2px 4px 3px rgba(0,0,0,0.3); font-weight:600;}
.prototypes ul li p{ font-size:18px; color:#FFFFFF; text-transform:uppercase;}
.about_sec{ margin-top:50px; text-align:center; }
.about_sec h2{ font-size:40px; color:#000; font-weight:600; margin-bottom:50px; padding-top:30px;}
.about_sec  ul{ padding:30px;}
.about_sec  ul li{ display:inline-table; width:33%; background:#e8e8e8; padding:20px; box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.15) inset;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}


.about_sec  ul li h3{ font-size:24px; color:#666666; text-transform:uppercase;}
.about_sec  ul li p{ font-size:18px;}
.about_sec  ul li .images{ margin:0px; padding:0px;}


.about_sec  ul li .images img{ width:100%;
border-radius:50%;  
filter: none;
transition: transform 0.8s;


}

.about_sec  ul li:hover img{ 
  transform: translate(0px, 15px);


}

    
    

.social-icons-team{ margin-top:30px;}
.social-icons-team a {
    background: #22bfa0  none repeat scroll 0 0;
    border-radius: 2px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    margin: 0 3px 4px 0;
    min-width: 12px;
    padding: 10px 12px;
    text-align: center;
}



.social-icons-team a:hover {
    background: #000 none repeat scroll 0 0;
    border-color: #007bb5;
    color: #ffffff;
    
}

/*ABOUT US PAGE CSS END HERE*/



/*TEEM PAGE CSS START HERE*/
.teem_sec{ margin-top:50px;}
.teem_sec p{ font-size:18px; color:#000000; padding-top:20px;}
.teem_sec ul{ margin:0px; padding:0px;}
.teem_sec ul li{ margin:50px 0 20px 0px;}
/*TEEM PAGE CSS END HERE*/





/*SERVICE PAGE CSS START HERE*/
ul.services{ margin:0px; padding:0px;}
ul.services li{ width:31%; display:inline-table; text-align:center; background:url(../images/box_bg.png) repeat; padding:20px; margin:1%;  border:1px solid #2e2e2f;  border-radius:5px;}
ul.services li h2{ font-size:27px; color:#0cb490; }
ul.services li p{ font-size:15px; color:#FFFFFF; padding:10px 0px;}
ul.services li span{ display:block; margin:0 auto; width:120px; height:40px; line-height:40px; background:#0cb490; text-align:center; border-radius:5px;}
ul.services li span a{ text-decoration:none; color:#FFFFFF; display:block; border-radius:5px;}
ul.services li span a:hover{ background:#000;}
ul.services li:hover{ background:#206a29;  transition-duration: .6s;   box-shadow: 3px 3px rgba(255, 255, 255, 1);}
ul.services li:hover h2{ color:#FFFFFF;}
ul.services li:hover span{ background:#018065;}
.ban{ margin-top:40px; text-align:center;}
/*SERVICE PAGE CSS END HERE*/




/*STRATEGY PAGE CSS START HERE*/

.strategy_sec2{ margin-top:100px;}
.strategy_sec2 .left{ float:left; width:40%; border:10px solid #15c59f ;}
.strategy_sec2 .left img{ width:100%;}
.strategy_sec2 .right{ float:right; width:60%; background:#15c59f; margin:30px 0px; padding:30px;  border-left:0px;}
.strategy_sec2 .right h2{ font-size:30px; color:#fff; margin-top:0px;}
.strategy_sec2 .right p{ color:#FFFFFF;}
.strategy_sec3{ margin-top:100px;}
.strategy_sec3 .left{ float:left; width:60%;  background:#15c59f; margin:30px 0px; padding:30px;  border-left:0px;}
.strategy_sec3 .left h2{ font-size:30px; color:#fff; margin-top:0px;}
.strategy_sec3 .left p{ color:#FFFFFF;}
.strategy_sec3 .left img{ width:100%;}
.strategy_sec3 .right{ float:right; width:40%;  border:10px solid #15c59f ;}
.strategy_sec3 .right img{ width:100%;}
.str1{ background:#15c59f; width:22%; margin:1%; padding:20px; text-align:center; border-bottom:5px solid #000000; margin-top:100px; float:left; min-height:480px;}
.str1 span{ width:80px; height:80px; background:#FFFFFF; display:block; margin:0 auto 0 auto; font-size:30px; line-height:60px; font-weight:700; border-radius:50%; 
margin-top:-50px; border:10px solid #15c59f;}
.str1 h3{ font-size:25px; color:#FFFFFF; font-weight:600;}
.str1 p{ color:#FFFFFF; font-size:15px;}
/*STRATEGY PAGE CSS END HERE*/




/*DESIGN PAGE CSS START HERE*/

.facts_sec{ width:55%; float:right;}
#toggle-view {
    list-style:none;    
    font-family:arial;
    font-size:11px;
    margin:0;
    padding:0;
    margin:40px 0px;
}

    #toggle-view li {
        margin:10px;
        border:1px solid #ccc;
        position:relative;
        cursor:pointer;
        border-left:5px solid #17c2a0;
        
    }
    
    #toggle-view h3 {
        margin:0;
        font-size:20px;
        background:#f2f2f2 url(../images/tick2.jpg) 10px center no-repeat;
        padding:20px 20px;
        color:#0a0a0a;
        padding-left:50px;
    }

    #toggle-view span {
        position:absolute;
        right:20px; top:10px;
        color:#17b499;
        font-size:32px;
    }
    
    #toggle-view p {
        display:none;
        font-size:15px; color:#2c2519;
        background:#f2f2f2; padding:10px 20px;
        margin:0px;
    }   


.design_sec{}



a.more{ display:block; width:100px; font-size:18px; color:#e76161; border:1px solid #206a29 ; border-radius:5px; margin-top:30px;  text-align:center; padding:6px 10px;}
a.more:hover{ background:#206a29 ; color:#FFFFFF; border-radius:20px;  box-shadow: 5px 5px 5px #000; text-decoration:none;}

.prj{ background:url(../images/bg-wood.jpg) center bottom no-repeat; text-align:center;}

/*DESIGN PAGE CSS END HERE*/



/*MARKETING PAGE CSS START HERE*/
.bg-grad{
background: rgba(0, 0, 0, 0) linear-gradient(-125deg, #68e9b6, #4e75b9) repeat scroll 0 0;
padding:50px 0px;
margin-top:50px;
}

.main-start{ margin:0px;}
.main-start .left{ float:left; width:50%;}
.main-start .right{ float:right; width:45%;}
.main-start .right h2{ font-size:40px; color:#fff;}
.main-start .right p{ font-size:15px; color:#fff; padding-top:20px;}
.main-start2{ margin:50px 0 0 0px;}
.main-start2 .left{ float:left; width:50%;}
.main-start2 .left h2{ font-size:40px; color:#000;}
.main-start2 .left p{ font-size:15px; color:#000; padding-top:20px;}
.main-start2 .right{ float:right; width:45%;}
/*MARKETING PAGE CSS END HERE*/




/*CONATACT PAGE CSS START HERE*/

.contact_sec2{ width:90%; margin:50px auto 50px auto;}

.contact_sec2 .left{ width:40%; float:left;}
.contact_sec2 .left h3{ font-size:30px; color:#15bca0;}
.contact_sec2 .left p{ font-size:16px; color:#000000; padding-top:10px;}
.contact_sec2 .left p a{ text-decoration:none; color:#000000; font-weight:700;}
.contact_sec2 .left p a:hover{ color:#15bca0;}

.contact_sec2 .right{ width:55%; float:right;}
.contact_sec2 .right p{ margin-top:20px;}
.contact_sec2 .right p label{ font-size:15px; color:#333333; width:200px;}
.cont_inp{ background:#FFFFFF; border:0px; border-bottom:1px solid #CCCCCC; height:40px; line-height:40px; padding:0px 10px; font-size:15px; color:#666666; width:100%}
.cont_area{ background:#FFFFFF; border:0px; border-bottom:1px solid #CCCCCC; height:150px;  padding:0px 10px; font-size:15px; color:#666666; width:100%}
.send{ }

/*CONATACT PAGE CSS END HERE*/





/*HOW IT WORK CSS START HERE*/

.how_work{ margin-top:50px; text-align:center;}
.how_work ul{ margin:0px; padding:0px;}
.how_work ul li{ width:28%; float:left; text-align:center; border:1px solid #dde1e3; border-radius:10px; margin:1% 2%; padding:10px 20px;
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
          min-height:300px;
          border-bottom:5px solid #dde1e3;
         
}
.how_work ul li h3{ font-size:22px; color:#000000;}
.how_work ul li p{ font-size:15px; color:#000000; padding-top:10px;}
.how_work ul li:hover{
border:1px solid #22bfa0;
border-bottom:5px solid #22bfa0;
}
.how_work ul li img{   -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.how_work ul li:hover img{   border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);}
          
          

.why_chose{ margin-top:50px; background:url(../images/bg3.png) repeat; padding:40px 0px;}         
.why_chose h2{ font-size:40px; color:#FFFFFF; text-align:center;}         
/*HOW IT WORK CSS END HERE*/

.outer_nav{ background:#106220; margin-top:20px; width:100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#03a502+0,206a29+100 */
background: #03a502; /* Old browsers */
background: -moz-linear-gradient(top,  #03a502 0%, #206a29 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #03a502 0%,#206a29 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #03a502 0%,#206a29 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03a502', endColorstr='#206a29',GradientType=0 ); /* IE6-9 */
}

.career_sec{ margin-top:50px;}
.career_sec ul{ margin:0px; padding:0px; list-style:none;}
.career_sec ul li{ float:left; width:33.3%; padding:10px; text-align:center; min-height:300px; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.career_sec ul li img{ width:40%;}
.career_sec ul li h3{ font-size:22px; text-transform:uppercase; padding-bottom:20px;}
.career_sec ul li h3 a{ text-decoration:none; color:#666666;}
.career_sec ul li h3 a:hover{ color:#19bd9b;}
.career_sec ul li.none{ border-right:none;}
.career_sec ul li.none2{ border-bottom:none;}


.benifits_sec{ background:#e9ebeb; padding:30px 0px; text-align:center;}
.benifits_sec h2{ font-size:30px; color:#000; text-align:center; font-weight:600;}      

.design_ighlights { margin:0px; padding:30px 0px; border-bottom:3px double #e9ebeb;} 
.design_ighlights ul{ margin:0px;}
.design_ighlights ul li{ width:25%; float:left; padding:20px; text-align:center;}
.design_ighlights ul li span{ display:block;     border: 2px solid #d9d9d9;
border-radius: 50%;
box-shadow: 0 12px 6px -6px #7f7f7f;
color: #206a29;
font-size: 40px;
height: 80px;
margin: 0 auto;
padding: 8px 10px;
width: 80px;}
.design_ighlights ul li h3{ font-size:20px; color:#666666;}
.design_ighlights ul li p{ font-size:15px; color:#999999;}
.design_ighlights ul li:hover span{ box-shadow: 0 12px 6px -6px #206a29;}

.more2{ margin-top:20px; width:140px; background:#fff; font-size:15px; color:#000; text-align:center; height:40px; line-height:40px; text-transform:uppercase; margin:20px auto 0 auto; border-radius:5px; }
.more2 a{ text-decoration:none; color:#000; border-radius:5px; display:block;}
.more2 a:hover{ background:#000; color:#fff; box-shadow:8px 8px 5px #fff;}

.terms_services{ margin:0px; padding:30px 0px;}
.terms_services h3{ font-size:17px; color:#22bfa0; background:#dddddd ; padding:10px; border-left:5px solid #22bfa0;}
.terms_services p{ font-size:15px; color:#000000; margin-top:20px; }
.terms_services ul{ margin:30px 0px;}
.terms_services ul li{ margin-top:15px; color:#000000; background:url(../images/tick2.jpg) left 5px no-repeat; padding-left:40px; line-height:30px;}

.sitemap{ background:#e7e7e7 ; padding:20px;  float:left; width:100%; margin:30px 0px;}
.sitemap h3{ font-size:20px; color:#333333; margin-top:0px;}
.sitemap ul{ margin:0px;}
.sitemap ul li{ font-size:13px; color:#000000; margin-top:15px; background:#cacaca; border-radius:10px; border-bottom:2px solid #333333; }
.sitemap ul li a{ text-decoration:none; color:#000000; display:block; padding:10px;  border-radius:10px;}
.sitemap ul li a:hover{ color:#fff; background:#009966;}


.raising_sec{ margin:50px 0px; text-align:center;}
.raising_sec ul{ margin:0px; padding:0px;}
.raising_sec ul li{ width:200px; height:200px; text-align:center; padding:20px;  border-radius:50%; background:#e76161; display:inline-table; margin:0px 30px;}
.raising_sec ul li img{ margin-top:20px;}
.raising_sec ul li h3{ font-size:21px; color:#fff; padding-top:0px;}
ul.ready{ margin-top:50px;}
ul.ready li{ font-size:16px; color:#000000; padding:10px; border:4px double #CCCCCC; width:30%; float:left; margin:10px; background:#FFFFFF; min-height:120px;}



.dev-phese{  font-size:20px; color:#22bfa0 ; display:inline-block; padding:50px 50px 0px 50px; font-weight:700; }
.phase_sec{ margin:50px 0px; background:url(../images/bd.png) repeat-x; text-align:center;}
.phase_sec ul{ margin:0px; padding:0px;}
.phase_sec ul li{ display:inline-block; width:90px; height:90px; background:#22bfa0 ; border-radius:50%; margin:0px 80px; font-size:40px; color:#FFFFFF; padding-top:10px; border:7px solid #f14c15; margin-top:-40px;}

.phase-box{  width:20%; display:inline-block; padding:20px; font-size:24px; 
text-align: center;
vertical-align: middle;
min-height:150px;
color:#000;
margin-left:40px;
border:4px double #CCCCCC;
margin-bottom:80px;

}

.video_sec{ background:url(../images/videoslider-bg.jpg) center top no-repeat; padding:50px 0px; text-align:center;}
.video_sec h2{ font-size:40px; color:#fff; font-weight:600;}

.main_ban{ margin-top:50px;}
.main_ban img{ width:100%; height:500px;}

ul.top_services{ margin:40px 0 40px 0px; padding-bottom:40px; text-align:center;}
ul.top_services li{ width:220px; height:220px; padding:20px 20px; background:#fff; border-radius:50%; display:inline-table; 
margin:0px 20px; text-shadow:0 1px 0 #666;text-align:center;text-decoration:none; box-shadow:1px 1px 2px #000;  transition: transform 0.6s ease 0s;}
ul.top_services li h3{ font-size:17px; color:#000;}
ul.top_services li p{ font-size:15px; color:#000;}
ul.top_services li p a{display: inline-block;
    background: #206a29;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 600;
    margin: 10px 0;
    padding: 5px 20px;
    border-radius: 30px;
        text-decoration:none;
    }
ul.top_services li i{ font-size:50px; color:#206a29 ;  transition: transform 0.6s ease 0s;}
ul.top_services li:hover{ border: 0px solid #206a29 ;
box-shadow: 6px 6px 5px #888;
box-shadow:1px 1px 2px #206a29 ;}


ul.top_services li:hover i{  transform: rotate(-30deg);}

/*FORM CUSTOM CSS*/
.contact_sec input{ width:100%; height:40px; line-height:40px; border-radius:5px; border:0px;}
.contact_sec textarea{ width:100%; height:100px; border-radius:5px; border:0px; margin-bottom:10px;}
.contact_sec .hs-button{ background:#0d8971; color:#FFFFFF; margin-top:10px;}

.contact_sec2 input{ width:100%; height:50px; line-height:50px; border-radius:5px; border:0px; border-bottom:1px solid #CCCCCC; background:#f4f4f4;}
.contact_sec2  .btn2{background:#206a29;}
.contact_sec2  .btn2:hover{background:#000;}
.contact_sec2 textarea{ width:100%; height:130px; border-radius:5px; border:0px; margin-bottom:10px; border-bottom:1px solid #CCCCCC; background:#f4f4f4;}
.contact_sec2 .hs-button{ background:#0d8971; color:#FFFFFF; margin-top:10px;}


.quote_sec{ width:80%; margin:0 auto; background:#f1eded;
border-bottom: 10px solid #ddd;
border-radius: 5px;
display: block;
padding: 20px 20px 40px; margin-top:50px;}
.quote_sec h2{ font-size:22px; color:#000000; text-align:center;}
.quote_sec p{ font-size:15px; margin-top:20px;}

.quote_sec p label{ display:block;}
.inp3{ width:100%; height:40px; border:1px solid #cfcfcf; padding:0px 10px; line-height:40px; font-size:15px; color:#999999;}
.sel3{ width:100%; height:40px; border:1px solid #cfcfcf; padding:0px 10px; line-height:40px; font-size:15px; color:#999999;}




.newslatter_sec .hs-input{ border: 0 none;
    border-radius: 5px;
    color: #565656;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    width: 90%; float:left;} 
    
    
    

.newslatter_sec .hs-button {
animation-duration: 1s;
background: #206a29 none repeat scroll 0 0;
border: 1px solid #1b8a74;
border-radius: 5px;
color: #ffffff;
text-transform: uppercase;
width: 10%;
height:40px; line-height:40px; float:right;

}

.newslatter_sec label { display:none;}





/*project detail page css*/

.detail_top{ margin-top:50px;}
.detail_top img{ width:100%;}
.pjt_detail{ margin-top:50px;}
.pjt_detail .left{ float:left; width:70%;}
.pjt_detail .left h2{ font-size:22px; color:#333333; margin:0px 0 10px 0px; border-left:5px solid #206a29; padding-left:10px;}
.pjt_detail .left h3{ font-size:16px; color:#333333; margin:0px; padding:0px;}
.pjt_detail .left p{ font-size:15px; color:#666666;}
.pjt_detail .left p a{ text-decoration:none; color:#666666;}
.pjt_detail .left p a:hover{}
.pjt_detail .right{ float:right; width:30%; }
.pjt_detail .right h2{ font-size:22px; color:#333333; margin:0px 0 10px 0px; border-left:5px solid #206a29; padding-left:10px;}
.pjt_detail .right h3{ font-size:16px; color:#333333; margin:0px; padding:0px;}
.pjt_detail .right p{ font-size:15px; color:#666666;}
.pjt_detail .right p a{ text-decoration:none; color:#666666;}
.pjt_detail .right p a:hover{}







/*=====================
Blog Section 
=====================*/

.blog-wrp{
padding:30px 0px;
}
.blog-wrp h2{
font-size:25px;
margin-bottom: 20px;
color:#000;
margin-top: 0px;
}

.blog-wrp h2 a{ text-decoration:none; color:#000;}
.blog-wrp h2 a:hover{ color:#22bfa0 ;}
.blog-wrp h4 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #000;
    line-height: 24px;
}
.blog-wrp p {
    font-size: 14px;
    color: #000;
    line-height: 24px;
    margin-bottom: 15px;
}
.blog-wrp p a{
color: #206a29 ;
text-decoration:none;}
.read-btn {
border: 1px solid #333;
padding: 0px 30px;
border-radius: 30px;
margin-top: 10px;
float: left;
height: 40px;
line-height: 38px;
text-decoration:none;
color:#333;
}
.read-btn:hover{
background:#206a29 ;
color:#fff;
border-color:#206a29 ;
text-decoration:none;}

.big-pic {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
}
.big-pic img {
width: 100%;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: .6s;
transition-duration: .6s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.big-pic:hover img {
    transform: scale(1.05);
}
.blog-list {
    margin-bottom: 0px;
    float: left;
    margin-top: 10px;
}
.blog-list li {
    display: inline-block;
    margin-right: 20px;
    font-size: 13px;
}
.blog-list li a{
font-size: 13px;
color:#000;
    display: inline-block;}
.blog-list li a:hover{color: #206a29 ; text-decoration:none;}
.blog-list li span{
margin-right: 5px;
}

.social-box {
margin-bottom: 20px;
width: 100%;
float: left;
}
.social-blog-list {
    float: right;
}
.share-btn {
    float: left;
        border: 1px solid #ccc;
    height: 40px;
    width: 40px;
    display: block;
    line-height: 38px;
    text-align: center;
    border-radius: 50%;
    margin-right:10px;
}
.social-blog-list ul {
    float: left;
}
.social-blog-list ul li {
    display: inline-block;
}
.social-blog-list ul li a {
    border: 1px solid #333;
    height: 40px;
    width: 40px;
    display: block;
    line-height: 38px;
    text-align: center;
    border-radius: 50%;
    color:#333;
}
.social-blog-list ul li a:hover{
color:#fff;
}
.social-blog-list ul li.facebook a:hover{
background:#485f95;
border-color:#485f95;
box-shadow: 0px 5px 2px rgba(72, 95, 149, 0.43);
}
.social-blog-list ul li.twitter a:hover{
background:#50c4ed;
border-color:#50c4ed;
box-shadow: 0px 5px 2px rgba(80, 196, 237, 0.44);
}
.social-blog-list ul li.google a:hover{
background:#d86956;
border-color:#d86956;
box-shadow: 0px 5px 2px rgba(216, 105, 86, 0.44);
}
.social-blog-list ul li.linkedin a:hover{
background:#2087d6;
border-color:#2087d6;
box-shadow:0px 5px 2px rgba(32, 135, 214, 0.44);
}
.social-blog-list ul li.pinterest a:hover{
background:#ce5054;
border-color:#ce5054;
box-shadow: 0px 5px 2px rgba(206, 80, 84, 0.44);
}

.bolg-row{
    overflow: hidden;
        border-bottom: 1px solid #ccc;
    padding: 0px 0px 40px;
    margin-bottom: 20px;
}
.bolg-row:last-child {
border-bottom: 0px;
margin-bottom: 0px;
padding: 0px;
}
.dscbrow+.dscbrow {
    margin-top: 30px;
}
.dscbrow ul {
    margin-top: 15px;
}
.dscbrow ul li {
    position: relative;
    padding-left: 25px;
    line-height: 23px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #333;
}
.dscbrow ul li::before {
    content: "\f046";
    font-family: 'FontAwesome';
    position: absolute;
    margin-left: -25px;
    top: 2px;
    color: #e35b71;
}


.recent-list {
    margin-left: 30px;
    overflow: hidden;
}
.recent-list h3 {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    padding: 2px 15px;
    border-left: 2px solid #300;
    margin-top: 0px;
}
.recent-list ul {
    margin-top: 20px;
}
.recent-list ul li{
overflow:hidden;
margin-bottom:20px;}
.recent-list ul li a{
color: #000;
outline: none;
font-size: 15px;
text-decoration:none;} 
.recent-list ul li:hover a{
color: #206a29 ;}

.recent-list .big-pic {
    margin-bottom: 10px;
}
.tags-list {
    border-top: 1px solid #ccc;
    padding-top: 30px;
}
.tags-list li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px !important;

}
.tags-list li a{
padding: 5px 15px;
display: block;
    border: 1px solid #333;    border-radius: 30px;}
.tags-list li a:hover{
color: #fff !important;
background: #206a29 ;
border-color: #206a29  !important;}

.top_red{ font-size:15px; background:url(../img/top-bg.html) repeat; padding:10px 0px; text-align:center;}
.top_red a{ color:#FFFFFF;}
top_red:hover{ color:#206a29;}


.quote_sec .hs-button{ margin-top:20px;}



.new_cont{ display:none;}

.new_qute{ margin:0px; padding:0px;}

ul#fade{ margin:0px; text-align:center;}
ul#fade li{ font-size:30px; color:#000000;}

.footer_ticker{ position:fixed; left:0px; bottom:0px; background:#eeeeee; height:80px; text-align:center; width:100%;}
.footer_ticker ul{ margin:0px; padding:0px;}
.footer_ticker ul li{ font-size:17px; color:#000000; line-height:40px;}
.footer_ticker a{ text-decoration:none; color:#fff; display:block; margin-top:0px; background:#000000 ; width:120px; padding:5px 10px; margin:0 auto; border-radius:5px;}
.footer_ticker a:hover{ background:#206a29; border-radius:5px;}






.outer_header{ width:100%; background:#FFFFFF; }
.fixed {
    position: fixed; 
    top: 0; 
    height:auto;
    z-index: 1;
}








/*NEW PORTFOLIO CSS START HERE*/


.portfolio_sec1{ background:url(../images/potfolio_bg1.html) center top no-repeat; background-size: cover; padding:40px 0 0 0px; }
.portfolio_sec1 .left{ float:left; width:46%}
.portfolio_sec1 .left .logos{ margin:0px; padding:0px;}
.portfolio_sec1 .left h2{ font-size:60px; color:#FFFFFF; font-weight:700;}
.portfolio_sec1 .left p{ font-size:15px; color:#FFFFFF;}
.portfolio_sec1 .left span{ display:block; font-size:20px; color:#FFFFFF; margin-top:20px;}
.portfolio_sec1 .left span a { text-decoration:none; color:#FFFFFF; background:#000000; display:block; padding:10px 20px; width:250px; text-align:center;}
.portfolio_sec1 .left span a:hover{ color:#fff; background:#22bfa0;}
.portfolio_sec1 .right{ float:right; width:46%;}





.portfolio_sec2{ background:url(../images/portfolio_bg2.jpg) center top no-repeat; background-size: cover; padding:40px 0 0 0px; }
.portfolio_sec2 .right{ float:right; width:46%}
.portfolio_sec2 .right .logos{ margin:0px; padding:0px;}
.portfolio_sec2 .right h2{ font-size:60px; color:#FFFFFF; font-weight:700;}
.portfolio_sec2 .right p{ font-size:15px; color:#FFFFFF;}
.portfolio_sec2 .right span{ display:block; font-size:20px; color:#FFFFFF; margin-top:20px;}
.portfolio_sec2 .right span a { text-decoration:none; color:#FFFFFF; background:#000000; display:block; padding:10px 20px; width:250px; text-align:center;}
.portfolio_sec2 .right span a:hover{ color:#fff; background:#22bfa0;}


.portfolio_sec2 .left{ float:left; width:46%;}


/*NEW PORTFOLIO CSS END HERE*/


/*---Pop Form---*/
#ddmenu ul{ z-index:9 !important;}
.modal-header {padding: 12px 10px;}
.modal-header .title-pop{ margin:0px;}
.modal-header .close {margin-top: -10px;}
.modal-header ul#fade1 li {font-size:22px;color: #fff;text-align: center;}
.modal-content { border-radius: 5px 5px 0px 0px;background: #e76161;}
.get_form{ padding:0px;}
.get_form label{ font-weight:normal;}
.get_form{ float:left; width:100%; background:#fff; border-radius: 0px 0px 6px 6px;}
.get_form .inp2{ border-bottom: 1px solid #ccc; font-size: 16px; height: 60px; border-radius: 0px; color:#000; padding:0px 15px;}
.get_form p{ margin-bottom:15px;}
.get_form  .btn2 {
    background: #206a29 ;
    font-size: 18px;
    color: #FFF;
    font-weight: 600;
    width: 100%;
    text-align: center;
   height:55px;
    line-height: 42px;
    border: 0px;
   border-radius: 0px 0px 5px 5px; margin-top:5px;
    float: right;
}
.get_form .checkbox{ margin-left:15px; font-size: 13px;}
.banner_sec .right span a { cursor:pointer;} 
.close {color: #fff;}
.close:hover, .close:focus {color: #fff;}
.package-plan .left span a{ cursor:pointer;}







/*NEW PORTFOLIO CSS START HERE*/




/*TAB CSS START HERE*/
.tabs-menu {
    clear: both;
    background:url(../images/portfolio_bg3.jpg) repeat;
    margin-bottom:0px!important;
    padding:15px 0;
}



.tabs-menu li {
    margin-right: 10px;
    display:inline-table;
    outline:none;

}

.tabs-menu li.current {
    position: relative;
    z-index: 5;


}

.tabs-menu li a {
    padding:8px 30px;
    color: #fff;
    text-decoration: none; font-size:16px;
    display:block;
    text-transform:uppercase;
    font-size:20px;
    border-bottom:2px solid #82ab65 ;
    border-radius:10px;
    outline:none;
    font-weight:600;
    
}

.tabs-menu .current a {
    color: #000;
    background:#fff ;
}

.tab {
    margin-bottom: 0px;
    width: auto;
    
}

.tab-content {
    width:100%;
    display: none;
}

#tab-1 {
 display: block;   
}
/*TAB CSS END HERE*/


.list_tipe{ margin:0px; padding:0px;}
.grid_type{ margin:0px; padding:;}
.grid_type ul{ margin:0px; padding:0px;}
.grid_type ul li{ float:left; width:33.3%;  text-align:center; position:relative; height:500px; padding:30px 0 0 0; overflow:hidden; }
.grid_type ul li.one{ background:url(../images/portfolio_bg8.png) repeat;}
.grid_type ul li.two{ background:#ff9919 ;}
.grid_type ul li.three{ background:#4dbcdb;}
.grid_type ul li.four{ background:#da4678 ;}
.grid_type ul li.five{ background:#a8c1e0;}
.grid_type ul li.six{ background:url(../images/banner-bg.jpg) repeat;}
.grid_type ul li.seven{ background:url(../images/portfolio_bg3.jpg) repeat;}
.grid_type ul li.eght{ background:url(../images/portfolio_bg4.jpg) repeat;}
.grid_type ul li.nine{ background:#ee3939 ;}

.grid_des{ background:url(../images/grid_hovebg.png) repeat; display:none; position:absolute; left:0px; top:0px; min-height:500px; padding-top:100px;}
.grid_des h2{  color: #ffffff; font-size:40px; font-weight: 700;}
.grid_des p{ font-size:15px; color:#FFFFFF; padding:20px;}
.grid_des span{ display:block; font-size:20px; color:#FFFFFF; margin:0 auto; width:250px;}
.grid_des span a { text-decoration:none; color:#FFFFFF; background:#ae6100; display:block; padding:10px 20px; text-align:center;}
.grid_des span a:hover{ color:#fff; background:#000!important;}

.grid_type ul li:hover .grid_des{ display:block; box-shadow: 1px 1px 2px #e6e6e6;}
.portfolio_sec1{ background:url(../images/portfolio_bg8.png) center top no-repeat; background-size: cover; padding:40px 0 0 0px;  overflow:hidden; height:510px;   background-attachment: fixed;
background-position : top center;
background-size: cover;}
.portfolio_sec1 .left{ float:left; width:46%; padding-top:50px;}
.portfolio_sec1 .left .logos{ margin:0px; padding:0px;}
.portfolio_sec1 .left h2{ font-size:60px; color:#FFFFFF; font-weight:700;}
.portfolio_sec1 .left p{ font-size:15px; color:#FFFFFF;}
.portfolio_sec1 .left span{ display:block; font-size:20px; color:#FFFFFF; margin-top:20px;}
.portfolio_sec1 .left span a { text-decoration:none; color:#FFFFFF; background:#820a00; display:block; padding:10px 20px; width:250px; text-align:center;}
.portfolio_sec1 .left span a:hover{ color:#fff; background:#000!important;}
.portfolio_sec1 .right{ float:right; width:46%; position:relative; padding-top:20px;}
.portfolio_sec1 .right img{ position:absolute; right:0px; top:0px;}
.portfolio_sec2{ background:#ff9919; background-size: cover; padding:40px 0 0 0px;  overflow:hidden; height:510px; }
.portfolio_sec2 .right{ float:right; width:46%; padding-top:50px;}
.portfolio_sec2 .right .logos{ margin:0px; padding:0px;}
.portfolio_sec2 .right h2{ font-size:60px; color:#FFFFFF; font-weight:700;}
.portfolio_sec2 .right p{ font-size:15px; color:#FFFFFF;}
.portfolio_sec2 .right span{ display:block; font-size:20px; color:#FFFFFF; margin-top:20px;}
.portfolio_sec2 .right span a { text-decoration:none; color:#FFFFFF; background:#ae6100; display:block; padding:10px 20px; width:250px; text-align:center;}
.portfolio_sec2 .right span a:hover{ color:#fff; background:#000!important;}
.portfolio_sec2 .left{ float:left; width:46%; position:relative;}
.portfolio_sec2 .left img{ position:absolute; left:0px; top:0px;}
.case_study{ padding:10px 20px; background:#fffde8;}
.case_study h3{ font-size:30px; color:#000 ; font-weight:600; border-bottom:1px solid #fff; padding-bottom:10px;}
.case_study h4{ font-size:17px; color:#fff ; font-weight:600; border-bottom:1px solid #fff;  margin-top:20px; background:#22bfa0; padding:10px;}
.case_study p{ font-size:13px; color:#000;}
.close{ opacity:1;}
.modal-header{ background:#22bfa0;}
.modal-header .close{ margin-top:-10px;}

/*NEW PORTFOLIO CSS END HERE*/




/*NEW CSS START HERE*/

.see_btn{ width:180px; height:50px; margin:20px auto 0 auto; line-height:50px; font-size:15px; text-align:center; background:#e76161;}
.see_btn a{ text-decoration:none; display:block; color:#fff;}
.see_btn a:hover{ background:#22bfa0 ;}

.ios_sec{ margin:0 auto; margin-top:100px; width:80%; border-bottom:1px solid #efefef;}
.ios_sec .left{ float:left; width:45%;}
.ios_sec .right{ float:right; width:45%;}
.ios_sec .right h2{ font-size:26px; color:#000000; margin-bottom:30px;}
.ios_sec .right p{ font-size:14px; color:#97969b; line-height:24px;}
.imges_icon{ text-align:left;}
.ios_sec .right ul{ margin:0px; padding:0px;}
.ios_sec .right ul li{ font-size:15px; color:#97969b; margin-top:10px;}
.ios_sec .right ul li span{ display:block; float:left; margin-right:10px;}
.ios_sec .right ul li span i{ color:#22bfa0;}

.ios_sec2{ margin:0 auto; margin-top:50px; width:80%;  border-bottom:1px solid #efefef;}
.ios_sec2 .left{ float:left; width:45%;}
.ios_sec2 .left h2{ font-size:26px; color:#000000;}
.ios_sec2 .left p{ font-size:14px; color:#97969b; line-height:24px;}

.ios_sec2 .right{ float:right; width:45%;}


/*NEW CSS END HERE*/

.section-padding{
    padding:50px 0px;
}
.linkmap{

}
.linkmap li{
    
display: inline-block;
    
padding: 11px 22px;
    
margin: 10px 10px;
    
border: 1px solid #ddd;
}
.linkmap li a{
    
display: block;
}