/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

@font-face {
  font-family: 'Helvetica-Condensed';
  src: url('Helvetica-Condensed.otf') format('opentype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3?5 */
}

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

}

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

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

}


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

}


.sprites_icon{
    background: url(../img/sprites_icon.png) no-repeat top left;
    display: block;
}
.sprite-api_icon{ background-position: 0 13px; width: 128px; height: 128px; } 
.sprite-api_icon_hover,.sprite-api_icon:hover{ background-position: -158px 0; width: 152px; height: 152px; } 
.sprite-big_data_icon{ background-position: -340px 7px; width: 134px; height: 134px; } 
.sprite-big_data_icon_hover,.sprite-big_data_icon:hover{ background-position: -504px 0; width: 152px; height: 152px; } 
.sprite-cloud{ background-position: -686px 0; width: 128px; height: 128px; } 
.sprite-cloud_icon{ background-position: -844px 0; width: 152px; height: 152px; } 
.sprite-cloud_icon_hover,.sprite-cloud_icon:hover{ background-position: -1026px 0; width: 152px; height: 152px; } 
.sprite-i-mob{ background-position: -1208px 0; width: 56px; height: 54px; } 
.sprite-i-prod{ background-position: -1294px 0; width: 56px; height: 56px; } 
.sprite-i-web{ background-position: -1380px 0; width: 53px; height: 56px; } 
.sprite-instagram_icon{ background-position: -1463px 0; width: 48px; height: 48px; } 
.sprite-mobile_icon{ background-position: -1541px 13px; width: 128px; height: 128px; } 
.sprite-mobile_icon_hover,.sprite-mobile_icon:hover{ background-position: -1699px 0; width: 152px; height: 152px; } 
.sprite-mobile_ios_ico{ background-position: -1881px 0; width: 48px; height: 48px; } 
.sprite-mobile_win_ico{ background-position: -1959px 0; width: 48px; height: 48px; } 
.sprite-paypal_icon{ background-position: 0 -182px; width: 48px; height: 48px; } 
.sprite-product_icon{ background-position: -78px -170px; width: 128px; height: 128px; } 
.sprite-product_icon_hover,.sprite-product_icon:hover{ background-position: -236px -182px; width: 152px; height: 152px; } 
.sprite-servicesR{ background-position: -418px -182px; width: 152px; height: 152px; } 
.sprite-web{ background-position: -600px -182px; width: 80px; height: 80px; } 
.sprite-web_design_icon{ background-position: -710px -182px; width: 152px; height: 152px; } 
.sprite-web_design_icon_hover,.sprite-web_design_icon:hover{ background-position: -892px -182px; width: 152px; height: 152px; } 


body {
    overflow-x: hidden;
    font-family: "Calibri","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:18px;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #fed136;
}

p {
    font-size: 14px;
    line-height: 1.75;
}

p.large {
    font-size: 16px;
}

a,
a:hover,
a:focus,
a:active,
a.active {
    outline: 0; text-decoration: none; 
}

a {
    color: #fed136;
}

a:hover,
a:focus,
a:active,
a.active {
    color: #fec503;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   
   font-family:loveloblack, Helvetica Neue,Arial;
    font-weight: 700;
}
h2{ text-transform: uppercase; color:#555555; font-family:loveloblack, Helvetica Neue,Arial;}
h4.service-heading{ font-family: 'bebas_neueregular'; font-size:45px; font-weight: normal;}
.nopadding{ padding-left:0; padding-right:0;};

.img-centered {
    margin: 0 auto;
}

.bg-light-gray {
    background-color: #ededed;
}

.bg-darkest-gray {
    background-color: #222;
}

.btn-primary {
    border-color: #fed136;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #fed136;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    border-color: #f6bf01;
    color: #fff;
    background-color: #fec503;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #fed136;
    background-color: #fed136;
}

.btn-primary .badge {
    color: #fed136;
    background-color: #fff;
}

.btn-xl {
    padding: 10px 20px;
    border-color: #8eb510;
    border-radius: 10px;
    text-transform: uppercase;   
    font-size: 18px;    
    color: #fff;
    background-color: #8eb510;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    border-color: #76960e;
    color: #fff;
    background-color: #76960e;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
    background-image: none;
}

.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
    border-color: #fed136;
    background-color: #fed136;
}

.btn-xl .badge {
    color: #fed136;
    background-color: #fff;
}

.navbar-default {
    border-color: transparent;
    background-color: #222;
}

.navbar-default .navbar-brand {
    font-family: "Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
    color: #fed136;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #fec503;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle {
    border-color: #fed136;
    background-color: #fed136;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fed136;
}

.navbar-default .nav li a ,.navbar-default .navbar-default {
    text-transform: uppercase;
    font-family: helvetica_condensedbold;
    color: #fff;
    height: 88px;
    font-size:18px;
    padding: 0 25px;
	line-height: 89px;
	background:#050506;
}

.nav li a:focus,.navbar-nav>.active>a:focus {
    text-transform: uppercase;
    font-family: helvetica_condensedbold;
    color: #fff;
    height: 88px;
    font-size:18px;
    padding: 0 25px;
	line-height: 89px;
	background:#8eb510;
}

/* New Nikhil */ 
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-nav>li>a:focus, .navbar-nav>li>a:hover {
  color: #fff !important;
  background-color: #8eb510 !important;
}

.navbar-default .nav li a:hover
 {
    outline: 0;
    color: #fff;
    background:#8eb510;
    height: 88px;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: #8eb510;
    height: 88px;
}

.navbar-default .navbar-nav>.active>a:hover
 {
    color: #fff;
    background-color: #8EB510;
}
header {
    text-align: center;
    color: #fff;   
    background: url(../img/banner_1920.jpg) center 0 no-repeat ; 
    top: 90px;
position: relative;
	background-size:100%;	    
    height: 445px;
	width:100%;
}

.slider {
    text-align: center;   
      top: 90px;
position: relative;
	background-size:100%;	    
	width:100%;
  /* border-bottom: 2px solid #8A8A8A; */ 
	  border-bottom: 1px solid #CCCCCC;
}

.topslider{height: 445px;overflow: hidden;}

.slider_buttons{ }
.slider_buttons span {
  display: block;
  position: absolute;
  width: 55px;
  height: 55px;
  cursor: pointer;
  background: url(../img/arrows.png) no-repeat;
  overflow: hidden;top: 40%;
}

  .slider_buttons  a{  display: block;
    width: 55px;
    height: 55px;}

.slider_buttons span#slider-prev {
  background-position: -3px -33px;
}
.slider_buttons span#slider-prev:hover {background-position: -123px -33px}

.slider_buttons span#slider-next {
	right:0;
  background-position:-63px -33px;
}
.slider_buttons span#slider-next:hover {background-position: -183px -33px;}

@media(min-width:768px) {
    .navbar-default {
        padding: 0 0;
        border: 0;
        background-color: transparent;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
        background: #050506;
        border-top:4px solid #8eb510;
        height: 92px;
        margin:0;
		-webkit-transform: translate3d(0,0,0);	
    }

    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default.navbar-shrink {
        padding: 0
        background-color: #050506;
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}



header .intro-text {
    padding-top: 100px;
    padding-bottom: 50px;
}

header .intro-text .intro-lead-in {
    margin-bottom: 25px;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-style: italic;
    line-height: 22px;
}

header .intro-text .intro-heading {
    margin-bottom: 25px;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
}

#home{background:#ededed}

@media(min-width:768px) {
    header .intro-text {
        padding-top: 300px;
        padding-bottom: 200px;
    }

    header .intro-text .intro-lead-in {
        margin-bottom: 25px;
        font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 40px;
        font-style: italic;
        line-height: 40px;
    }

    header .intro-text .intro-heading {
        margin-bottom: 50px;
        text-transform: uppercase;
        font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 75px;
        font-weight: 700;
        line-height: 75px;
    }
}

section {
    padding: 100px 0;
}

section h2.section-heading {
    margin-top: 0;
    margin-bottom: 80px;
    font-size: 40px;
	border-top:3px solid #dddddd;
	border-bottom:3px solid #dddddd;
	  padding: 14px 0;  font-weight: normal;
}
section#portfolio h2.section-heading{margin-bottom:120px}

section h3.section-subheading {
    margin-bottom: 75px;
    text-transform: none;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
}

@media(min-width:768px) {
    section {
        padding: 80px 0 80px;
        clear: both;
float: left;
width: 100%;
    }
    
    section#portfolio{
        padding: 80px 0 120px;
        
    }
}

.top_section_header{ position:relative;background:#EDEDED;overflow:auto;padding-bottom: 25px;}

h1.top_header{ 
  color: #555;
  font-size: 45px;
  font-weight: normal;margin-bottom: 30px;}
  
.digital-product-image img {height:80px; width:auto;margin:0 auto}
.digital-product-text{margin: 10px 0 10px;  font-size: 20px;  text-transform: lowercase;
  font-weight: bold;
color: #888;}  

#services .services_icon{height: 204px;margin-bottom:40px;}
#services .col-md-2 h4{font-size:20px;font-family:helvetica_condensed_lightRg; font-weight:bold;margin:0;text-transform: uppercase;}
#services .fa-stack img{    width: 134px;          height: 134px;}
#services .fa-stack a{cursor: pointer; display:block;height:152px;background-repeat:no-repeat;  margin: 0 auto;  }

#services .fa-stack a.web_design_icon{background-image:url(../img/web_design_icon.png);}
#services .fa-stack a.mobile_icon{background-image:url(../img/mobile_icon.png);}
#services .fa-stack a.big_data_icon{background-image:url(../img/big_data_icon.png);}
#services .fa-stack a.product_icon{background-image:url(../img/product_icon.png);}
#services .fa-stack a.api_icon{background-image:url(../img/api_icon.png);}
#services .fa-stack a.cloud_icon{background-image:url(../img/cloud_icon.png);}

#services .fa-stack a.web_design_icon:hover,#services .selected_fa a.web_design_icon{background-image:url(../img/web_design_icon_hover.png);}
#services .fa-stack a.mobile_icon:hover,#services .selected_fa a.mobile_icon{background-image:url(../img/mobile_icon_hover.png);}
#services .fa-stack a.big_data_icon:hover,#services .selected_fa a.big_data_icon{background-image:url(../img/big_data_icon_hover.png);}
#services .fa-stack a.product_icon:hover,#services .selected_fa a.product_icon{background-image:url(../img/product_icon_hover.png);}
#services .fa-stack a.api_icon:hover,#services .selected_fa a.api_icon{background-image:url(../img/api_icon_hover.png);}
#services .fa-stack a.cloud_icon:hover,#services .selected_fa a.cloud_icon{background-image:url(../img/cloud_icon_hover.png);}

.service-heading {
    margin: 15px 0;
    text-transform: none;
}

/*.services_header{background:url(../img/services_bg_top.png) no-repeat;width:100%;height:127px;background-size:cover;margin-top: -244px;background-position: center;}*/
.services_footer{background:#fff;width:100%;height:103px;background-size:cover;margin-top: -275px;background-position: center;top:275px;position: relative;}
.services_wrapper{	border-radius: 80%;margin: 0 auto;padding: 80px 0 40px;display:none;  position: relative;
	width: 660px;
	height: 660px; border:8px solid #dcdcdc;
	-moz-box-shadow:    inset 0 0 30px #C3C3C3;
   -webkit-box-shadow: inset 0 0 30px #C3C3C3;
   box-shadow:         inset 0 0 30px #C3C3C3;}
.services_wrapper .service-heading {	
    margin: 10px auto 50px auto;width: 415px;
    text-transform: uppercase;
}
.services_wrapper .service-heading span{margin-right:12px;}	

.know-more{ font-family:Calibri; font-size:15px; text-decoration:underline; display:block; margin-top:20px;}
.arrow-color{ color:#fff;}

.services_wrapper p{width: 85%;transition: transform 400ms ease;height: auto;  
text-align: center;font-family: calibri;
margin: 0 auto 50px auto;
font-size: 18px;
color: #111111;
line-height: 35px;
}
.services_wrapper a{color:#fff; text-align: center;font-size:14px;text-transform: uppercase;}
.web_design_wrapper{	background:#0ac2d2;}
.big_data_wrapper{	background:#ffbb42;}
.mobile_apps_wrapper{	background:#84bd32;}
.cloud_wrapper{	background:#EF8F56;}
.products_wrapper{	background:#e84c3d;}
.web_services_wrapper{	background:#ad2bb2;}	

.services_icons{clear: both;margin:30px 0 0}
.services_icons img{width:32px;margin:0 10px;}

#portfolio .portfolio-item {
    right: 0;
    margin: 0 0 15px;
}

#portfolio .portfolio-item {color:#fff;
   height: 140px;
   width:263px;
  /* -moz-box-shadow:    inset 0 0 20px #717171;
   -webkit-box-shadow: inset 0 0 20px #717171;
   box-shadow:         inset 0 0 20px #717171;          */
  position: relative; 
 
}
#portfolio .portfolio-item1 {
  background:#17a086;
}
#portfolio .portfolio-item2 {
  background:#0ac2d2;
}
#portfolio .portfolio-item3 {
  background:#E08550;
}
#portfolio .portfolio-item4 {
  background:#2b70bf;
}
#portfolio .portfolio-item5{
  background:#f1c50e;
}
#portfolio .portfolio-item6 {
  background:#e84c3d;
}
#portfolio .portfolio-item7 {
  background:#84bd32;
}
#portfolio .portfolio-item8 {
  background:#ad2bb2;
}

#portfolio .portfolio-item .portfolio-link {
    display: block;
    position: absolute;
    margin: 0 auto;
    width: 100%;
    color:#fff;
  height:100%;
  top: 0;  
  display: table; 
}

#portfolio .portfolio-item .portfolio-inner-link {
    margin: 0 auto;
    color:#fff;
 	height:85px;
  	display: table; 
    width: 100%;
}

#portfolio .portfolio-item .close_portfolio_link{
	position: relative;
	float: right;  top: -92px;
  margin: 0 4px 0 0;
	cursor: pointer;
}
#portfolio .portfolio-item .close_portfolio_link img{width:20px;height:auto;}


#portfolio .portfolio-item p {
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
  font-size: 27px;
  text-transform: uppercase;
  font-family: Helvetica-Condensed;
  font-weight: normal;
  line-height: 34px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(254,209,54,.9);
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
    margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
    margin: 0;
}

#portfolio .portfolio-item .portfolio-caption {
    margin: 0 auto;
    padding: 25px;
    max-width: 400px;
    text-align: center;
    background-color: #fff;
}

#portfolio .portfolio-item .portfolio-caption h4 {
    margin: 0;
    text-transform: none;
}

#portfolio .portfolio-item .portfolio-caption p {
    margin: 0;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
}

#portfolio * {
    /*z-index: 2;*/
}
.popen{ height:0; background:#fff; position:absolute; bottom: -127px; right:0; transition: height 8s;
-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75); display: none;
}
.popen_top {bottom:-16px;z-index: 2;}
.popen_bottom{}

.titlebg{ background:#0ac2d2; height:85px;}
.port-text{font-size:14px; color:#444;  padding: 20px;}
.btn1{background:#0ac2d2;font-size:18px; text-transform:uppercase; color:#fff; display:block; padding:10px; width:118px;  position: absolute;
  left: 30%;
  bottom: 4%;}
.btn1{ color:#fff!important; }
.b-green{background:#17A086;}
.b-orange{background:#E08550;}
.b-dblue{background:#2B70BF;}
.b-yellow{background:#F1C50E;}
.b-red{background:#E84C3D;}
.b-lgreen{background:#84BD32;}
.b-purple{background:#AD2BB2;}

.color-white{ color:#fff;}
.form-control{ border:1px solid #555; border-radius:0;}
.centered{}

@media(min-width:767px) {
    #portfolio .portfolio-item {
        margin: 0 0 30px;
        font-size: 27px;
        text-align: center;
        margin: 20px 14px;
        padding: 0;
    }
}

.timeline {
    position: relative;
    padding: 0;
    list-style: none;
}

.timeline:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 40px;
    width: 2px;
    margin-left: -1.5px;
    background-color: #f1f1f1;
}

.timeline>li {
    position: relative;
    margin-bottom: 50px;
    min-height: 50px;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li .timeline-panel {
    float: right;
    position: relative;
    width: 100%;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li .timeline-image {
    z-index: 100;
    position: absolute;
    left: 0;
    width: 80px;
    height: 80px;
    margin-left: 0;
    border: 7px solid #f1f1f1;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    background-color: #fed136;
}

.timeline>li .timeline-image h4 {
    margin-top: 12px;
    font-size: 10px;
    line-height: 14px;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
    padding: 0 20px 0 100px;
    text-align: left;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0;
}

.timeline>li:last-child {
    margin-bottom: 0;
}

.timeline .timeline-heading h4 {
    margin-top: 0;
    color: inherit;
}

.timeline .timeline-heading h4.subheading {
    text-transform: none;
}

.timeline .timeline-body>p,
.timeline .timeline-body>ul {
    margin-bottom: 0;
}

@media(min-width:768px) {
    .timeline:before {
        left: 50%;
    }

    .timeline>li {
        margin-bottom: 100px;
        min-height: 100px;
    }

    .timeline>li .timeline-panel {
        float: left;
        width: 41%;
        padding: 0 20px 20px 30px;
        text-align: right;
    }

    .timeline>li .timeline-image {
        left: 50%;
        width: 100px;
        height: 100px;
        margin-left: -50px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 16px;
        font-size: 13px;
        line-height: 18px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        float: right;
        padding: 0 30px 20px 20px;
        text-align: left;
    }
}

@media(min-width:992px) {
    .timeline>li {
        min-height: 150px;
    }

    .timeline>li .timeline-panel {
        padding: 0 20px 20px;
    }

    .timeline>li .timeline-image {
        width: 150px;
        height: 150px;
        margin-left: -75px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 30px;
        font-size: 18px;
        line-height: 26px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 20px 20px;
    }
}

@media(min-width:1200px) {
    .timeline>li {
        min-height: 170px;
    }

    .timeline>li .timeline-panel {
        padding: 0 20px 20px 100px;
    }

    .timeline>li .timeline-image {
        width: 170px;
        height: 170px;
        margin-left: -85px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 40px;
    }

    .timeline>li.timeline-inverted>.timeline-panel {
        padding: 0 100px 20px 20px;
    }
}

section#about{background: #12a183;color:#fff}
.about_header{background:url(../img/about_bg_top.png) no-repeat;width:100%;height:144px;background-size:cover;margin-top: -177px;background-position: center;}
.about_footer{background:url(../img/about_bg_bottom.png) no-repeat;width:100%;height:103px;background-size:cover;margin-top: -275px;background-position: center;top:275px;position: relative;}

.reviews_wrapper{height: 250px;max-width: 699px;margin: 15px 0px 0px 25px;}
.reviews_wrapper .reviews_left{float:left}
.reviews_wrapper .reviews_left img{height:310px;margin-top:-9px;opacity:0.7}
.reviews_wrapper .swiper-container{width:340px;height: 295px;margin:17px -28px 0px -28px;float: left;}        
.reviews_wrapper .swiper-slide {font-family:Proxinova-Regular;color:#000;font-size:18px; text-align: center;}
.reviews_wrapper .swiper-slide img{ border:3px solid #fff; width: 340px;  height: 255px;}
.reviews_wrapper .swiper-container .swiper-pagination {bottom:3px !important;}
.reviews_wrapper .swiper-container .swiper-pagination .swiper-pagination-bullet{background:#000;opacity: 1;}
.reviews_wrapper .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background: #fff}


section#team{background:#2b2e31;color:#fff;}
.team-member {
    margin-bottom: 50px;
    text-align: center;
}

.team-member img {
    margin: 0 auto;
    border: 7px solid #fff;
}

.team-member h4 {
    margin-top: 25px;
    margin-bottom: 0;
    text-transform: none;
}

.team-member p {
    margin-top: 0;
}

aside.clients img {
    margin: 50px auto;
}

section#contact {
    background-color: #fff;
    padding-top:120px;
    padding-bottom:25px;
}



section#contact .form-group {
    margin-bottom: 25px;
}

section#contact .form-group input,
section#contact .form-group textarea {
    padding: 20px;
}

section#contact .form-group input.form-control {
    height: auto;
}

section#contact .form-group textarea.form-control {
    height: 236px;
}

section#contact .form-control:focus {
    border-color: #76960e;
    box-shadow: none;
}

section#contact::-webkit-input-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact:-moz-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact::-moz-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact:-ms-input-placeholder {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    color: #bbb;
}

section#contact .text-danger {
    color: #e74c3c;
}

footer {  
border-bottom:4px solid #8EB510;
}

footer span.copyright {
    text-transform: uppercase;
    text-transform: none;

    line-height: 40px;
	font-size:14px;
}

footer ul.quicklinks {
    margin-bottom: 0;
    text-transform: uppercase;
    text-transform: none;
    line-height: 40px;
}
footer ul.quicklinks a{color: #787878;}

ul.social-buttons {
    margin-bottom: 0;
}

ul.social-buttons li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    outline: 0;
    color: #fff;
    background-color: #222;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
    background-color: #fed136;
}

.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
    outline: 0;
}

.portfolio-modal .modal-content {
    padding: 100px 0;
    min-height: 100%;
    border: 0;
    border-radius: 0;
    text-align: center;
    background-clip: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.portfolio-modal .modal-content h2 {
    margin-bottom: 15px;
    font-size: 3em;
}

.portfolio-modal .modal-content p {
    margin-bottom: 30px;
}

.portfolio-modal .modal-content p.item-intro {
    margin: 20px 0 30px;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
}

.portfolio-modal .modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px;
}

.portfolio-modal .modal-content img {
    margin-bottom: 30px;
}

.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.portfolio-modal .close-modal:hover {
    opacity: .3;
}

.portfolio-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: #222;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.portfolio-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: #222;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.portfolio-modal .modal-backdrop {
    display: none;
    opacity: 0;
}

body {
}

.col-centered{
    float: none;
    margin: 0 auto;
}

/* deve */
@media(max-width:768px){
section{padding:50px 0}
.navbar-default{min-height: 75px;}
.navbar-brand{padding: 16px 15px;}
.navbar-toggle{margin-top: 28px;}
header{height: 251px;  top: 75px;background: url(../img/mobile_banner.jpg) center 0 no-repeat}
h1.top_header{  font-size: 21px;}
.navbar-default .nav li a{height: 49px;  line-height: 50px;}
.navbar-default .navbar-nav>.active>a{height:auto;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:#8EB510;}
.navbar-default .navbar-toggle{background:#8EB510;border-color: #7C9E0E;}
.digital-product-image img {height:auto; width:100%;margin:0 auto}

#services .fa-stack img {  width: 100%; }
#services .col-md-2 h4{font-size: 14px;}
.services_wrapper{width:100%;border-radius: 0;}
.services_wrapper .service-heading{width:auto;}
#services .services_icon{height:auto;}
section h2.section-heading{margin-bottom: 20px;}

.reviews_wrapper{background-size:100%;width: 100%;height:auto;    margin: 20px 0 20px 0;
  float: left;}
.reviews_wrapper .reviews_left{display:none;}
.reviews_wrapper .reviews_left img{display:none}
.reviews_wrapper .swiper-container{width:100%;height: auto;margin:0;padding-bottom: 30px;}
.reviews_wrapper .swiper-slide img{   width: 100%;
  max-height: 230px;
  border: 2px solid #fff;
  height: auto;}
.reviews_wrapper .swiper-container .swiper-pagination{}
.swiper-button-next, .swiper-button-prev{   bottom: 6px!important;
  top: auto!important;}
.swiper-button-prev{right: 0 !important;  left: 10% !important;}

section#portfolio{padding:100px 0 50px}
#portfolio .portfolio-item{width: 100%;}
#portfolio .portfolio-item .portfolio-link{width: 90%;}
#portfolio .portfolio-item .close_portfolio_link{  top: -87px;}
#portfolio .btn1{padding:10px 14px;width:auto;}
#portfolio .popen{z-index: 1	}

.services_wrapper{padding-top:10px; height:auto;  margin-bottom: 20px;}
.services_wrapper .service-heading{  margin: 10px auto 10px auto;}
.services_wrapper p{font-size: 14px;  margin: 0 auto 10px auto;}
.services_footer{ background:transparent;}
.bg-light-gray{background:transparent;}
.about_footer{background:transparent;height:0;margin:0}
.about_header{background:transparent;height:0;margin:0}
section#about{padding: 50px 0px 50px 0}

.navbar-brand>img {   height: 45px;}
 #services .fa-stack a{ width:100%;background-size: 100%;}
 
}

/* different techniques for iPad screening */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
      section{padding:50px 0}
.navbar-default{min-height: 75px;}
.navbar-brand{padding: 16px 15px;}
.navbar-toggle{margin-top: 28px;}
header{height: 251px;  top: 75px;background: url(../img/mobile_banner.jpg) center 0 no-repeat}
h1.top_header{  font-size: 21px;}
.navbar-default .nav li a{height: 49px;  line-height: 50px;}
.navbar-default .navbar-nav>.active>a{height:auto;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:#8EB510;}
.navbar-default .navbar-toggle{background:#8EB510;border-color: #7C9E0E;}
.digital-product-image img {height:auto; width:100%;margin:0 auto}

#services .fa-stack img {  width: 100%; }
#services .col-md-2 h4{font-size: 14px;}
.services_wrapper{width:100%;border-radius: 0;}
.services_wrapper .service-heading{width:auto;}
#services .services_icon{height:auto;}
section h2.section-heading{margin-bottom: 20px;}
.reviews_wrapper{background:url(../img/reviews_bg.png);background-size:100%;width: 100%;height:170px;  margin: 20px 0 0 0;}
.reviews_wrapper .reviews_left{display:none;}
.reviews_wrapper .reviews_left img{display:none}
.reviews_wrapper .swiper-container{width:75%;height: 140px;margin:0}
.reviews_wrapper .swiper-slide img{  width: 100%;  max-height: 108px;}
.reviews_wrapper .swiper-container .swiper-pagination{}
.swiper-button-next, .swiper-button-prev{  top: 84% !important;}
.swiper-button-prev{right: 60px;}

section#portfolio{padding:100px 0 50px}
#portfolio .portfolio-item{width: 100%;}
#portfolio .portfolio-item .portfolio-link{width: 90%;}
#portfolio .portfolio-item .close_portfolio_link{  top: -87px;}
#portfolio .btn1{padding:10px 14px;width:auto;}
#portfolio .popen{z-index: 1	}

.services_wrapper{padding-top:10px; height:auto;  margin-bottom: 20px;}
.services_wrapper .service-heading{  margin: 10px auto 10px auto;}
.services_wrapper p{font-size: 14px;  margin: 0 auto 10px auto;}
.services_footer{ background:transparent;}
.bg-light-gray{background:transparent;}
.about_footer{background:transparent;height:0;margin:0}
.about_header{background:transparent;height:0;margin:0}
section#about{padding: 50px 0px 50px 0}

.navbar-brand>img {   height: 45px;}




    }
	
 @media only screen and (min-width: 768px) and (max-width: 1024px){
 .web_design_wrapper{ width:auto;}
 #portfolio .portfolio-item{ width:46%}
 #portfolio .portfolio-item .portfolio-link{width: 90%;z-index:1}
  #portfolio .portfolio-item .popen{z-index:2}
 .btn1{  left: 38%;}
 .navbar-default .nav li a, .navbar-default .navbar-default{font-size: 16px;padding: 0 16px;}

 }