@import url(https://fonts.googleapis.com/css?family=Comfortaa:300);
body { overflow-x:hidden; }
a:focus { outline:none; }
.header-top { color: #fff; float: left; width: 100%; }
.bluebg { background:#1a97cb; padding:12px 0; position: relative; z-index:1; }
.bluebg:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(26, 151, 203, 0); border-left-color: #1a97cb; border-width: 10px; margin-top: -10px; }
.greenbg { background:#4aa748; padding:12px 0; }
.fa-skype { font-size: 17px !important; margin-right: 5px; }
.gutter-left { padding-left:0; }
.gutter-right { padding-right:0; }
.gutter { padding:0; }
.bluebg .glyphicon { margin-right:5px; }
.social ul { margin:0; padding:0; }
.social ul li { list-style-type:none; float:left; }
.social ul li a { background: #fff none repeat scroll 0 0; border-radius: 16px; color: #1a97cb; display: inline-block; font-size: 12px; margin-right: 5px; padding: 7px 8px; text-align: center; text-decoration: none; width: 33px; }
.last_one { padding:6px 0 7px 0; }
.social ul li a:hover { background:#4aa748; color:#fff; text-decoration:none; }
.mainheader { background: #fff none repeat scroll 0 0; border-bottom: 1px solid #4f4f4f; box-shadow: 3px 3px 3px #737373; float: left; width: 100%; }
.logo { height:auto; padding:5px 0; }
.logomain { margin:0; padding:10px 0; }
.ban_head { font-size:3vw; }
.get_quote { background:rgba(0, 0, 0, 0) url("../images/get-quote.png") no-repeat scroll 0 3px; padding-left:25px; line-height:30px; }
.get_quote a { color:#fff; text-decoration:none; }
.skill_wrapper { background:#4aa748; padding:10px 0; margin-top:15px; float:left; width:100%; }
.skill_wrapper h1 { color:#fff; font-weight:700; margin-top:5px; text-transform:uppercase; }
.cus_img_res { height:auto; max-width:100%; }
.mob-services { float:left; width:100%; }
.mob-services ul { margin:0; padding:0; }
.mob-services ul li { float:left; list-style-type:none; width:100%; margin-top:30px; }
.mob-services ul li a { background: #565656 none repeat scroll 0 0; color: #fff; float: left; font-size:4vw; text-align:center; line-height: 50px; min-height: 50px; position: relative; text-decoration: none; width: 100%; }
.mob-services ul li a span { background: #00bfff none repeat scroll 0 0; border-radius: 50%; left: -20px; padding: 10px; position: absolute; top: -10px; }
.mob-services ul li a img { max-width:50px; }
.gallery-slider { float:left; width:100%; margin:30px 0; }
ul.gallery { margin:0; padding:10px 0 0 10px; }
/*ul.gallery li { border: 2px solid #fff; box-shadow: 0 2px 2px 2px #ccc; float: left; list-style: outside none none; margin: 0 5% 10px 0; width: 45%; }
*/.cuadro_intro_hover { padding: 0px; position: relative; overflow: hidden; height: 200px; }
.cuadro_intro_hover:hover .caption { opacity: 1; transform: translateY(-150px); -webkit-transform:translateY(-150px); -moz-transform:translateY(-150px); -ms-transform:translateY(-150px); -o-transform:translateY(-150px); }
.cuadro_intro_hover img { z-index: 4; }
.cuadro_intro_hover .caption { position: absolute; top:150px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; width: 100%; }
.cuadro_intro_hover .blur { background-color: rgba(0, 0, 0, 0.7); height: 300px; z-index: 5; position: absolute; width: 100%; }
.cuadro_intro_hover .caption-text { z-index: 10; color: #fff; position: absolute; height: 300px; text-align: center; top:-20px; width: 100%; }
footer { background:#444444; float:left; width:100%; }
/*slider css*/
.main-text { position: absolute; top: 50px; width: 96.66666666666666%; color: #FFF; }
.btn-min-block { min-width: 170px; line-height: 26px; }
.btn-clear { color: #FFF; background-color: transparent; border-color: #FFF; margin-right: 15px; }
.btn-clear:hover { color: #000; background-color: #FFF; }
.carousel-inner img { width:100%; }
.slidermain { float:left; width:100%; margin-top:10px; position:relative; }
.mega-dropdown { position: static !important; }
.mega-dropdown-menu { border-top: 5px solid #00834f; box-shadow: none; padding: 50px 0; width: 100%; }
.mega-dropdown-menu > li > ul { padding: 0; margin: 0 0 0 20px; }
.mega-dropdown-menu > li > ul > li { list-style-type:circle; color:#fff; list-style-position:inside; margin-bottom:15px; }
.mega-dropdown-menu > li > ul > li > a { color: #fff; padding: 3px 5px 3px 10px; }
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; }
.mega-dropdown-menu .dropdown-header { font-size: 18px; color: #ff3546; padding: 5px 60px 5px 5px; line-height: 30px; }
.carousel-control { width: 30px; height: 30px; top: -35px; }
.left.carousel-control { right: 30px; left: inherit; }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { font-size: 12px; background-color: #fff; line-height: 30px; text-shadow: none; color: #333; border: 1px solid #ddd; }
/*slider css end*/
 
 /*gallery slider css*/
#myCarousel .carousel-caption { left:0; right:0; bottom:0; text-align:left; padding:10px; background:rgba(0, 0, 0, 0.6); text-shadow:none; }
#myCarousel .list-group { position:absolute; top:0; left:0; }
#myCarousel .list-group-item { background: #cacaca none repeat scroll 0 0; border: medium none; border-radius: 0; color: #646464; cursor: pointer; margin: 0 0 15px; padding: 2px 15px; text-align: center; }
.gallery > li { list-style-type:none; }
.gallery-slider h4 { font-size:20px; text-transform:uppercase; }
#myCarousel .list-group .active { background-color:#00bfff; color:#fff; }
#myCarousel .list-group .active:before { background: #565656 url("../images/blackberry.png") no-repeat scroll center center; content: ""; display: block; height: 46px; left: 0; position: absolute; top: 0; width: 70px; }
#myCarousel .list-group .magento.active { background-color:#00bfff; color:#fff; }
#myCarousel .list-group .magento.active:before { background: #565656 url("../images/magento_icon.png") no-repeat scroll center center; content: ""; display: block; height: 46px; left: 0; position: absolute; top: 0; width: 70px; }
#myCarousel .list-group .wordpress.active { background-color:#00bfff; color:#fff; }
#myCarousel .list-group .wordpress.active:before { background: #565656 url("../images/wordpress_icon.png") no-repeat scroll center center; content: ""; display: block; height: 46px; left: 0; position: absolute; top: 0; width: 70px; }
#myCarousel .list-group .codeignitor.active { background-color:#00bfff; color:#fff; }
#myCarousel .list-group .codeignitor.active:before { background: #565656 url("../images/codeignitor.png") no-repeat scroll center center; content: ""; display: block; height: 46px; left: 0; position: absolute; top: 0; width: 70px; }
#myCarousel .list-group .ios.active { background-color:#00bfff; color:#fff; }
#myCarousel .list-group .ios.active:before { background: #565656 url("../images/ios_icon.png") no-repeat scroll center center; content: ""; display: block; height: 46px; left: 0; position: absolute; top: 0; width: 70px; }
#myCarousel .list-group .cakephp.active { background-color:#00bfff; color:#fff; }
#myCarousel .list-group .cakephp.active:before { background: #565656 url("../images/cakephp_icon.png") no-repeat scroll center center; content: ""; display: block; height: 46px; left: 0; position: absolute; top: 0; width: 70px; }
#myCarousel .list-group .digital_marketing.active { background-color:#00bfff; color:#fff; }
#myCarousel .list-group .digital_marketing.active:before { background: #565656 url("../images/digitalbusiness_icon.png") no-repeat scroll center center; content: ""; display: block; height: 46px; left: 0; position: absolute; top: 0; width: 70px; }
#myCarousel .list-group .active:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 191, 255, 0); border-left-color: #00bfff; border-width: 10px; margin-top: -10px; }
.footer_content h3 { color:#fff; border-bottom:1px dashed #fff; padding-bottom:5px; font-size:20px; margin-top:50px; }
.footer_content ul { padding:0; margin:0; }
.footer_content ul li { list-style-type:none; color:#fff; font-size:12px; margin-bottom:10px; }
.footer_content ul li a { color:#979797; text-decoration:none; margin-bottom:10px; padding-left:15px; font-size:13px; }
.footer_content ul li a:hover { text-decoration:none; color:#fff; }
.number { font-size:15px; color:#fff; }
.number .glyphicon-phone-alt, .number .fa-envelope-o { font-size:16px; margin-right:15px; }
.number a { font-size:15px; color:#fff; text-decoration:none; }
.copy { color:#fff; font-size:12px; margin:10px 0; }
.footer_logo { margin-top:0px; margin-bottom:0px; }
ul.socials { margin:0; padding:0; }
ul.socials li { float:left; list-style-type:none; padding:0 3px; }
ul.socials li a { border: 1px solid #fff; border-radius: 20px; color: #fff; float: left; font-size: 15px; padding: 7px; text-align: center; text-decoration: none; transition:all 0.3s ease-in-out; width: 35px; }
ul.socials li a:hover { text-decoration:none; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); }
.service_img img {
transition: all .5s ease; vertical-align: middle; width:100%; }
.mega_menu { background:#409e3e; border:none; }
.mega_menu ul.nav > li > a { color: #fff; padding: 12px 0; text-align: center; text-decoration: none; }
.mega_menu ul.nav > li > a:hover { background:#fff; color:#000; }
.main_menu { width:100%; }
.main_menu > li { width:12.5%; border-left:1px solid #4aa748; }
.main_menu .dropdown-menu { background:#000; }
/*testimonial slider css start here*/
.ios_sdr { background: #333 none repeat scroll 0 0; position:relative; float: left; min-height: 360px; padding: 0; width: 100%; margin-bottom:30px; }
.ios_sdr:before { border-bottom:415px solid #1a97cb; border-left: 1350px solid transparent; height: 0; position: absolute; right: 0; top: 0; width: 100%; }
ul.chat_group { float: left; position: relative; width: 100%; z-index: 1; min-height:200px; }
ul.chat_group li { float:left; width:100%; list-style:none; padding:12px 0; border-top:1px dashed #ccc; margin:0; }
ul.chat_group li:first-child { border-top:none; padding-top:0; }
ul.chat_group li a { color:#fff; text-transform:capitalize; text-decoration:none; margin-left:20px; }
ul.chat_group li a:hover { color:#ccc; }
.footer_content { padding-top:80px; }
.circle::after {
background: #006998 none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 50px;
height: 30px;
left: 50%;
position: absolute;
top: 70%;
width: 30px;
z-index: 2;
}
.footer /* carousel */
#quote-carousel { padding: 0 10px 30px 10px; margin-top: 30px; }
/* Control buttons  */
#quote-carousel .carousel-control { background: none; color: #222; font-size: 2.3em; text-shadow: none; margin-top: 30px; }
/* Previous button  */
#quote-carousel .carousel-control.left { left: -12px; }
/* Next button  */
#quote-carousel .carousel-control.right { right: -12px !important; }
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px; }
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li { background: #c0c0c0; }
#quote-carousel .carousel-indicators .active { background: #333333; }
/* End carousel */

.item blockquote { border-left: none; margin: 0; padding:0; }
.test-monials { margin-top:120px; z-index:3; padding:0; }
.pro_pic img { max-width:100px; }
.test_text { color: #004967; font-size: 12px; line-height: 15px; margin: 10px 0 0; }
.test-monials .carousel-inner .row { background: #a3d5ea none repeat scroll 0 0; clear: both; float: left; margin-bottom: 15px; }
.video_test { border: 5px solid #fff; margin-top: 150px; padding:0px; z-index: 1; }
.video_test iframe { width:100%; min-height:155px; }
#quote-carousel { margin-bottom: 0; padding: 0 0px 30px 40px; }
.mega_menu ul.nav > li > a span { background-image: url("../images/mega_icon.png"); background-repeat: no-repeat; display: block; height: 39px; margin: 0 auto 8px; width: 90%; }
.navbar-toggle .icon-bar { background:#1a97cb none repeat scroll 0 0; }
.magento { background-position: 47px 0; }
.android { background-position:-86px -8px; }
.wordpress { background-position: -265px 0; }
.joomla { background-position: -427px 0; }
.ios { background-position: -590px 0; }
.laravel { background-position: -753px 0; }
.codeignitor { background-position: -913px 0; }
.digital { background-position: -1065px 0; }
.mega_menu ul.nav > li > a:hover .magento { background-position: 47px -77px; }
.mega_menu ul.nav > li > a:hover .android { background-position: -81px -77px; }
.mega_menu ul.nav > li > a:hover .wordpress { background-position: -263px -77px; }
.mega_menu ul.nav > li > a:hover .joomla { background-position: -429px -77px; }
.mega_menu ul.nav > li > a:hover .ios { background-position: -590px -77px; }
.mega_menu ul.nav > li > a:hover .laravel { background-position: -755px -77px; }
.mega_menu ul.nav > li > a:hover .codeignitor { background-position: -903px -77px; }
.mega_menu ul.nav > li > a:hover .digital { background-position: -1058px -77px; }
.top_nav li a { padding:30px 20px; transition: all 0.5s ease; }
.services { clear:both; }
.service_in1 { margin-top:50px; }
.service_in1:after { border-bottom: 360px solid #4ba848; border-left: 1349px solid transparent; height: 0; position: absolute; right: 0; top: 0; width: 100%; }
.text-vertical { background: #e23737 none repeat scroll 0 0; border: 1px solid #b52c2c; box-shadow: 2px -2px 0 rgba(0, 0, 0, 0.1); color: #fff; float:right; margin-left: 40px; padding: 10px; text-transform: uppercase; transform: rotate(90deg); transform-origin:76% 100%; }
section.in_serv { float:left; width:100%; position:relative; }
section.in_serv .service { background:#333; float:left; width:100%; position:relative; }
section.in_serv h5 { color: #fff; font-size: 6rem; font-weight: bold; }
section.in_serv p { color:#fff; font-size:16px; line-height:30px; }
section.in_serv .basic_btn { float:left; width:100%; }
section.in_serv .basic_btn a { color:#fff; text-decoration:none; font-size:20px; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; text-align:center; border: 1px solid #fff; border-radius: 10px; color: #fff; cursor: pointer; padding: 15px 30px; display:inline-block; transition: all 0.5s ease-in-out; margin:50px 0 0 0; }
section.in_serv .basic_btn a:hover { text-decoration:none; background:#1a97cb; }
section.in_serv .hang { bottom: -105px; left: 50%; margin-left: -105px; position: absolute; z-index:1; }
section.in_serv .hang img { -webkit-transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out;
}
section.in_serv .hang img:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.mobile { background:#4ba848; float:left; width:100%; }
.top_bottom { padding:100px 0; }
.digital_row { background:#1e97cd; }
.slidermain video { width:100%; height:100%; }
.flip-boxes { float: left; min-height: 1610px; padding: 14.7% 0; position: absolute; top: 0; width: 100%; padding:5% 0 0 0; }
.slider-video h1 { float: left; font-size: 59px !important; line-height: 70px; margin: 0 0 145px; width: 100%; }
.slider-video h1, .slider-video h3 { color: #fff; }
.slider-video .how-can { float: left; font-family: Raleway; font-size: 50px; margin: 45px 0 !important; width: 100%; }
.slider-video h1::after {
 border: medium none;
}
.ifb-face { background: transparent none repeat scroll 0 0; border: 5px solid #ffffff; border-radius: 50%; color: #fcfcfc; height: 219px; margin: 0 auto; position: relative; width: 219px; text-align:center; padding:5rem; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out }
.ifb-face:hover { background:#4aa748; }
.vc_span3 a.circle { transition:transform 0.8s ease-in-out 0s; float:left; width:100%; }
.vc_span3 a.circle:hover { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); }
.slidermain { height: auto; overflow: hidden; }
.flip-box-wrap { display: block; margin-bottom: 30px; perspective: 1000px; position: relative; text-align: center; }
.vc_responsive .wpb_row .vc_span3 { float: left; width: 25%; }
.vc_responsive .wpb_row .vc_span3 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; }
.slider-video h1, .slider-video h3 { color: #fff; }
.slider-video .how-can { float: left; font-family: Raleway; font-size: 50px; margin: 45px 0 !important; width: 100%; }
.slider-video h1 { float: left; font-size:4em !important; line-height: 70px; margin: 0 0 145px; width: 100%; }
.heading-main-video { background: rgba(0, 0, 0, 0) url("../images/headign-bg.png") repeat scroll center center; color: #333333 !important; margin: 0 0 70px !important; padding:15px !important; text-align: center; }
.Service-name { background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; float: left; margin: 20px 0; min-height: 60px; padding: 10px 0; text-align: center; transition: all 0.5s ease-in-out; width: 100%; }
.Service-name:hover { background:#1a97cb; border-radius:30px 0 30px 0; }
.Service-name a { font-size:20px; color:#000; font-size:5rem; }
.Service-name a:hover { text-decoration:none; color:#fff; }
.vc_span3 .fa { font-size:10rem; }
section.solution { float: left; padding: 70px 0; width: 100%; }
section.solution h1 { font-size:6rem; }
section.solution p { font-size:20px; line-height:30px; color:#333; }
.top_bottom h3 { color:#fff; }
.top_bottom .carousel-inner img { width:auto; }
.testimonails { background:url(../images/testmonial-bg.jpg) no-repeat 0 0 / cover; }
.quote { color: rgba(0, 0, 0, .1); text-align: center; margin-bottom: 30px; }
/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/

#fade-quote-carousel.carousel { padding-bottom: 60px; }
#fade-quote-carousel.carousel .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; }
#fade-quote-carousel.carousel .carousel-inner .active { opacity: 1; -webkit-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; }
#fade-quote-carousel.carousel .carousel-indicators { bottom: 10px; }
#fade-quote-carousel.carousel .carousel-indicators > li { background-color: #e84a64; border: none; }
#fade-quote-carousel blockquote { text-align: center; border: none; }
#fade-quote-carousel .profile-circle { width: 200px; height: 200px; margin: 0 auto; border-radius: 100px; }
.general_gap { padding:50px 0; }
.profile-circle img { background:rgba(255, 255, 255, 0.5) none repeat scroll 0 0; padding:20px; }
.img_strok { background:rgba(255, 255, 255, 0.5) none repeat scroll 0 0; padding:20px; }
.call_to_action { background:#409e3e; float:left; width:100%; }
.portfolio { padding:50px 0; float:left; width:100%; }
.portfolio .col-md-6 { margin-bottom:50px; }
.screenshots figure { overflow: hidden; position: relative; }
.screenshots figure img { height: 100%; transition: all 300ms ease-in-out 0s; width: 100%; }
.screenshots figure img:hover { transform:scale(1.3); }
.screenshots figcaption { background-color: rgba(0, 0, 0, 0.7); bottom: 0; font-size: 15px; height: 100%; opacity: 0; padding: 25% 0; position: absolute; right: 0; text-align: center; transition: all 300ms linear 0s; width: 50%; }
.screenshots figcaption .caption-content { left: 50%; margin-left: -150px; font-weight:bold; position: absolute; top: 50%; transform: translate(0px, 15px); transition: all 300ms ease-in-out 0s; width: 300px; }
.screenshots figcaption a { color: #fff; line-height: 35px; text-decoration: none; }
.screenshots figure:hover figcaption, .screenshots figure:focus figcaption { opacity: 1; }
.screenshots figure:hover figcaption .caption-content, .screenshots figure:focus figcaption .caption-content { transform: translate(0px, 0px); }
.screenshots figure h3 { color:#fff; font-weight:bold; }
.board { background: #fff none repeat scroll 0 0; height: 500px; margin: 0 auto;/*box-shadow: 10px 10px #ccc,-10px 20px #ddd;*/ }
.board .nav-tabs { position: relative; /* border-bottom: 0; */ /* width: 80%; */ margin: 40px auto; margin-bottom: 0; box-sizing: border-box; }
.board > div.board-inner { }
.board-inner ul#myTab { margin:0; }
p.narrow { width: 60%; margin: 10px auto; }
.liner { height: 2px; background: #ddd; position: absolute; width: 80%; margin: 0 auto; left: 0; right: 0; top: 50%; z-index: 1; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; cursor: default; /* background-color: #ffffff; */ border: 0; border-bottom-color: transparent; }
span.round-tabs { width: 70px; height: 70px; line-height: 70px; display: inline-block; border-radius: 100px; background: white; z-index: 2; position: absolute; left: 0; text-align: center; font-size: 25px; }
span.round-tabs.one { color: rgb(34, 194, 34); border: 2px solid rgb(34, 194, 34); }
li.active span.round-tabs.one { background: #f1f1f1 !important; border: 2px solid #ddd; color: rgb(34, 194, 34); }
span.round-tabs.two { color: #febe29; border: 2px solid #febe29; }
li.active span.round-tabs.two { background: #f1f1f1 !important; border: 2px solid #ddd; color: #febe29; }
span.round-tabs.three { color: #3e5e9a; border: 2px solid #3e5e9a; }
li.active span.round-tabs.three { background: #f1f1f1 !important; border: 2px solid #ddd; color: #3e5e9a; }
span.round-tabs.four { color: #f1685e; border: 2px solid #f1685e; }
li.active span.round-tabs.four { background: #f1f1f1 !important; border: 2px solid #ddd; color: #f1685e; }
span.round-tabs.five { color: #999; border: 2px solid #999; }
li.active span.round-tabs.five { background: #f1f1f1 !important; border: 2px solid #ddd; color: #999; }
span.round-tabs.six { color: #000; border: 2px solid #000; }
li.active span.round-tabs.six { background: #f1f1f1 !important; border: 2px solid #000; color: #000; }
.nav-tabs > li.active > a span.round-tabs { background: #f1f1f1; }
.nav-tabs > li { width:16%; }
/*li.active:before {
    content: " ";
    position: absolute;
    left: 45%;
    opacity:0;
    margin: 0 auto;
    bottom: -2px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    z-index: 1;
    transition:0.2s ease-in-out;
}*/
li:after { /*  content: " ";
    position: absolute;
    left: 45%;
   opacity:0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #ddd;
    transition:0.1s ease-in-out;*/ }
li.active:after { /* content: " ";
    position: absolute;
    left: 45%;
   opacity:1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #ddd;*/ }
.nav-tabs > li a { width: 70px; height: 70px; margin: 20px auto; border-radius: 100%; padding: 0; }
.nav-tabs > li a:hover { background: transparent; }
.custom_tab { border:none; }
.tab-pane { position: relative; padding-top: 50px; }
.tab-content .head { font-family: 'Roboto Condensed', sans-serif; font-size: 25px; text-transform: uppercase; padding-bottom: 10px; }
.btn-outline-rounded { padding: 10px 40px; margin: 20px 0; border: 2px solid transparent; border-radius: 25px; }
.btn.green { background-color:#5cb85c; /*border: 2px solid #5cb85c;*/ color: #ffffff; }
.round-tabs strong { font-size:15px; }
.magin50 { margin-top:50px; }
.strength { background:#409e3e; padding:50px; min-height:300px; }
.our_team { background:#1a97cb; padding:50px; min-height:300px; }
.strength h4, .our_team h4 { color:#fff; font-size:40px; }
.strength li, .our_team li { font-size:20px; list-style-type:none; font-size:20px; color:#fff; }
.magin50 ul { margin:0; padding:0; }
.magin50 ul li { list-style-type:none; padding:5px 5px 5px 20px; }
.magin50 ul li span { margin-right:15px; }
.team_sub h2 { float:left; width:100%; }
.team_sub span { float:left; width:100%; }
.left_contact { background:#1a97cb; padding:48px 50px; color:#fff; }
.form-area { background-color: #FAFAFA; padding: 10px 40px 60px; }
.top_bottom h3 small { background: #409e3e none repeat scroll 0 0; clear: both; color: #fff; float: left; font-size: 12px; padding: 5px 10px; }
.emp p { color: #fff; float: left; font-size: 12px; margin: 5px 0 15px; padding: 3px 10px; }
ul.android { margin:0; padding:0; }
ul.android li { list-style-type:none; padding:7px 0; float:left; width:50%; }
ul.android li .fa { margin-right:15px; color:#acde01; }
.choose { background: #1a97cb none repeat scroll 0 0; position:relative; border: 1px solid #fff; color: #fff;  transition: all .5s ease;
min-height:300px; padding: 1em; text-align: center; }
.choose > span { background: #1a97cb none repeat scroll 0 0; border: 1px solid #fff; bottom:72px; color: #fff; font-family: times new roman; font-size: 50px; font-weight: bold; padding: 7px; position: absolute; right: -66px; text-align: center;  transition: all .5s ease;
}
.choose .fa.fa-mobile { font-size: 100px; text-align: center; }
.choose .fa { font-size: 100px; text-align: center; }
.padding50 { padding:50px 0; }
.choose:hover { background:#e23737; border-radius:0 20px 20px 0; }
.choose:hover span { border-radius:0 20px 20px 0; }
.joomla_img { -webkit-animation:spin 10s linear infinite; -moz-animation:spin 10s linear infinite; animation:spin 10s linear infinite; }
@-moz-keyframes spin { 100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin { 100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin { 100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
}
}
img.grey_mode { -webkit-filter: grayscale(1); transition: all .5s ease;
-moz-filter: grayscale(1); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; filter: grayscale(1); }
img.grey_mode:hover { filter:none; }
.laravel { margin:0; padding:0; }
.laravel li { width:100%; list-style-type:none; }
.padding50 { padding:40px 0; }
/*parallax effect*/
.ss-container { width: 100%; position: relative; text-align: left; float: left; overflow: hidden; /*	padding-bottom: 200px; */
	margin-top: 50px; }
.ss-container h2 { font-size: 40px; text-transform: uppercase; color: rgba(78, 84, 123, 0.2); text-shadow: 0px 1px 1px #fff; padding: 20px 0px; }
.ss-container:before { background: #9e9e9e; border-radius:10px; content: ""; height: 100%; left: 50%; margin-left: -29px; position: absolute; top: 0; width: 20px; }
.ss-row { width: 100%; clear: both; float: left; position: relative; padding: 10px 0; }
.ss-left { float: left; width: 47.6%; position: relative; }
 .ss-right {float: left; width: 48%; margin-left:20px; position: relative;}
.ss-right { padding-left: 0%; }
.ss-left { text-align: right; float: left; }
.ss-circle { background-color: ##fff; background-repeat: no-repeat; background-position: 0 0; position: static; overflow: hidden; display: block; text-indent: -9000px; text-align: left;/*	border-radius: 50%;
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.7) inset, 0px 0px 0px 12px rgba(61,64,85,0.3);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.7) inset, 0px 0px 0px 12px rgba(61,64,85,0.3);
	box-shadow: 0px 2px 5px rgba(0,0,0,0.7) inset, 0px 0px 0px 12px rgba(61,64,85,0.3);

*/
}
.ss-small .ss-circle { width: 100px; height: 100px; }
.ss-medium .ss-circle { width: 200px; height: 200px; }
.ss-large .ss-circle { width: 150px; height:150px; }
.ss-circle-deco:before { width: 45%; height: 0px; border-bottom: 5px dotted #ddd; border-bottom: 5px dotted rgba(17, 17, 22, 0.3); -webkit-box-shadow: 0px 1px 1px #fff; -moz-box-shadow: 0px 1px 1px #fff; box-shadow: 0px 1px 1px #fff; position: absolute; top: 30%; content: ''; margin-top: -3px; }
.ss-circle-deco:after { width: 0px; height: 0px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; content: ''; position: absolute; top:30%; margin-top: -10px; }
.ss-left .ss-circle-deco:before { right: 1.3%; }
.ss-right .ss-circle-deco:before { left: 3%; }
.ss-left .ss-circle-deco:after { right: 0px; border-right: 10px solid rgba(17, 17, 22, 0.8); }
.ss-right .ss-circle-deco:after { left: 0px; border-left: 10px solid rgba(17, 17, 22, 0.8); }
.ss-left .ss-circle { float: right; margin-right: 45%; }
.ss-right .ss-circle { float: left; margin-left: 47%; }
.ss-container h3 { margin-top: 34px; padding: 10px 15px;/*	background: rgba(26, 27, 33, 0.6);
	text-shadow: 1px 1px 1px rgba(26, 27, 33, 0.8)*/ }
.ss-container .ss-medium h3 { margin-top: 60px; }
.ss-container .ss-large h3 { margin-top:20px; padding:0; }
.ss-container .ss-left h3 { /*	border-right: 5px solid rgba(164,166,181,0.8);*/
	margin-right: -11px; }
.ss-container .ss-right h3 { /*	border-left: 5px solid rgba(164,166,181,0.8);*/
}
.ss-container h3 span { color: rgba(255, 255, 255, 0.8); font-size: 13px; display: block; padding-bottom: 5px; }
.ss-container h3 a { font-size: 28px; color: rgba(255, 255, 255, 0.9); display: block; }
.ss-container h3 a:hover { color: rgba(255, 255, 255, 1); }
.ss-circle-1 { background-image: url(../images/php_icon.png); }
.ss-circle-2 { background-image: url(../images/blackberry_icon.png); }
.ss-circle-3 { background-image: url(../images/magento_icon_new.png); }
.ss-circle-4 { background-image: url(../images/iphone_new_icon.png); }
.ss-circle-5 { background-image: url(../images/wordpress_icon_new.png); }
/*============== Left Right parellex effect 2 end style code ===================*/
.ss-container h3 span.weRGud {  color: #fff;
    font-size: 20px;
    line-height: 40px;
    margin-left: -1px;
    margin-top: 0;
    padding: 5px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);}

.ss-container h3 { background: #565656 none repeat scroll 0 0; float:left; width:100%; line-height:40px;}

.test_text {     color: #333;
    font-size: 4rem;
    text-align: center; margin-bottom:80px; }
.ios_sdr iframe {border:8px solid #4AA748;}
.right_icons{ background:#00bfff;     padding: 5px;}

/*parallax effect end*/

 @media( max-width : 585px ) {
 .board {
width: 90%;
height:auto !important;
}
 span.round-tabs {
 font-size:16px;
width: 50px;
height: 50px;
line-height: 50px;
}
 .tab-content .head {
 font-size:20px;
}
 .nav-tabs > li a {
width: 50px;
height: 50px;
line-height:50px;
}
 li.active:after {
content: " ";
position: absolute;
left: 35%;
}
 .btn-outline-rounded {
 padding:12px 20px;
}
}





 
  
/*testimonail slider css end here*/

@media (min-width: 992px) {
 #myCarousel {
padding-left:50%;
}
 #myCarousel .carousel-controls {
display:none;
}
}
@media (max-width: 991px) {
 .carousel-caption p, #myCarousel .list-group {
display:none;
}
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
#quote-carousel .carousel-indicators {
bottom: -20px !important;
}
#quote-carousel .carousel-indicators li {
display: inline-block;
margin: 0px 5px;
width: 15px;
height: 15px;
}
#quote-carousel .carousel-indicators li.active {
margin: 0px 5px;
width: 20px;
height: 20px;
}
.video_test {
margin-top:50px;
}
#quote-carousel {
margin-top:0;
}
.test-monials {
margin-top:50px;
}
.pro_pic img {
max-width:inherit;
}
p.test_text {
line-height: 14px;
padding: 0 20px;
width: 100%;
}
.ios_sdr {
min-height:inherit;
}
/*.ios_sdr::after {
border-bottom: 310px solid #1a97cb;
border-left: 769px solid transparent;
height: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}*/
.mega_menu ul.nav > li > a span {
display:none;
}
.top_nav li a {
padding:30px 4px;
font-size:12px;
}
ul.chat_group {
padding:0;
}
ul.chat_group li {
padding:10px 0;
}
ul.chat_group li a {
font-size:12px;
font-weight:bold;
}
.video_test {
margin-top:25px;
}
.test-monials {
margin-top:30px;
}
p.test_text {
padding:0 5px;
}
.pro_pic img {
max-width:50px;
}
p.test_text {
font-size:12px;
line-height:14px;
}
/*.ios_sdr::after {
border-bottom:352px solid #1a97cb;
}*/
.mega-dropdown-menu > li > ul > li > a {
font-weight:bold;
font-size:10px;
}
/*.ios_sdr::after {
border-bottom:315px solid #1a97cb;
}*/
.ifb-face {
padding:2rem;
width:auto;
height:auto;
}
 .slider-video h1 {
font-size:3em !important;
}
.heading-main-video {
margin-bottom:10px !important;
}
.Service-name a {
font-size:3rem !important;
}
}
 @media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
 .test_text {
color:#fff;
font-size:4rem;
}
 .footer_logo {
margin-bottom:50px;
}
}
 @media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
 footer {
padding-bottom:50px;
}
 .test_text {
color:#fff;
font-size:6rem;
}
 ul.chat_group li a {
color: #fff;
 font-size: 11px !important;
 margin-left: 0;
 text-decoration: none;
 text-transform: capitalize;
}
 .footer_content h3 {
font-size:17px;
}
 ul.socials li a {
padding:5px;
width:28px;
}
 .footer_content ul li a {
font-size:11px;
}
 .ss-container .ss-right h3 {
padding:10px 11px;
}
 .ss-container .ss-left h3 {
margin-right:-5px;
}
 .ss-left .ss-circle-deco::after {
right:9px;
}
 .ss-left .ss-circle-deco::before {
right:3.3%;
}
 .ss-right .ss-circle-deco::after {
left:10px;
}
.pro_pic img {
max-width:70px;
}
.get_quote {
font-size:12px;
}
.top_nav li a {
padding:30px 10px;
}
 ul.chat_group {
padding:0;
}
ul.chat_group li {
padding:10px 0;
}
ul.chat_group li a {
font-size:12px;
font-weight:bold;
}
.video_test {
margin-top:60px;
}
.test-monials {
margin-top:30px;
}
p.test_text {
padding:0 5px;
}
.pro_pic img {
max-width:50px;
}
.heading-main-video {
margin-bottom:10px !important;
}
.Service-name a {
font-size:4rem;
}
}
 @media(max-width:767px) {
 footer {
padding-bottom:50px;
}
 .navbar-fixed-bottom .navbar-toggle .icon-bar {
background:#fff;
}
 .ios_sdr .text-right {
padding-top:20px !important;
}
 .ios_sdr::before {
border:none;
}
 .test_text {
font-size:3rem;
}
.video_test, .test-monials {
background: #1a97cb;
margin-top: 20px;
padding: 10px;
}
/*.ios_sdr::after {
border-bottom:none;
}*/
#quote-carousel {
padding-left:0;
}
.carousel-control.right, .carousel-control.left {
background-image:none;
}
ul.main_menu > li {
width:auto;
background-image:none;
}
.mega_menu ul.nav > li > a {
color: #fff;
padding: 12px 0;
text-align: center;
text-decoration: none;
}
.mega_menu ul.nav > li > a span {
background-image:none;
width:100%;
display:none;
}
.main_menu {
margin:0;
width:100%;
}
.mega-dropdown-menu {
padding:10px 0;
background:#000;
position:static;
}
.mega_menu ul.nav > li.open > a {
color:#000;
}
.open > .dropdown-menu {
background: #000 none repeat scroll 0 0 !important;
display: block !important;
margin: 0 5px;
}
.mega-dropdown-menu > li > ul > li {
margin-bottom:5px;
border-bottom:1px dashed #fff;
padding-bottom:5px;
}
.mega-dropdown-menu > li > ul > li > a {
font-size:12px;
}
.top_nav li {
border-bottom:1px dashed #333;
}
.header-top .greenbg {
text-align:center;
}
.top_nav li a {
padding:15px 20px;
}
.slider-video h1 {
font-size:3em !important;
line-height:50px;
}
.board-inner .nav-tabs > li {
width:33%;
}
}

/*gallery slider css end*/



/* Works Styles ------------------------------------*/



.works {
}
.info-work {
	border-bottom:3px solid #00BFFF;
	
	}
#works .item-work {
	max-width: 280px;
	
}
#works .item-work:first-child {
	margin-left: 40px;
}
.item-work img {
	display: block;
	height: auto;
	max-width: 100%;
}
.item-work .hover {
	position: relative;
	overflow: hidden;
}
.item-work .info-work {
	font-size: 14px;
	padding: 10px 5px;
	background: #fff;
	/*border: solid 1px #cdcdcd;*/
	border-top: 0;
	text-align: center;
	
}
.item-work .info-work h4 {
	padding: 0;
	font-weight: 300;
}
.item-work .info-work p {
	font-size: 13px;
	line-height:36px;
}
.item-work .info-work .icons-work {
	display: inline;
	padding: 18px 20px;
	margin-top: 15px;
}
.item-work .info-work i {
	padding: 0 5px;
	color: #131313;
	font-size: 16px;
}
.item-work .info-work i:hover {
	cursor: pointer;
}
.overlay {
	position: absolute;
	left: 0;
	top: 0px;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
.item-work:hover .overlay {
	opacity: 1;
	cursor: pointer;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
.portfolioContainer .item-work {
	margin-bottom: 30px;
}
.carousel img {
	width: 100%;
}
.carousel-control .icon-prev, .carousel-control .icon-next {
	font-size: 50px;
}
.technologies {
	margin: 25px 0;
}
.technologies i {
	font-size: 2em;
	margin: auto 10px;
}
.list li {
	line-height: 35px;
}
.list li i {
	padding-right: 8px;
	font-size: 14px;
}
#slide-services .item-work {
	margin-bottom: 25px;
}
#slide-services .item-work h4 {
	font-size: 14px;
}

.item-work .info-work .icons-work{
	border-top: 3px solid #333;
}
#myCarousel2 .carousel-inner{ }
#myCarousel2 ul{     
	list-style: none;
    margin: 0px;
    padding: 0px;}


#myCarousel2 img.ic{margin: 0px;
    display: initial;
    width:25px; margin-bottom:20px; vertical-align:top;}
	
.pattern-portfolios {
    background: #f8f8f8 url("../images/pattern-portfolios.png"); padding:100px 0px;
}
.pattern-clients {
    background: #f8f8f8 url("../images/bg2.png"); padding:100px 0px;
}
#myCarousel2 .pager{ margin-top:30px;}