.internet .service_section{
	min-height: 250px;
}
.internet h4{
	display:inline-block;
}
.internet img{
    margin-right: 10px;
}
.gallery-container h1 {
    text-align: center;
    margin-top: 70px;
    font-family: 'Droid Sans', sans-serif;
    font-weight: bold;
    color: #58595a;
}

.gallery-container p.page-description {
    text-align: center;
    margin: 30px auto;
    font-size: 18px;
    color: #85878c;
}

.tz-gallery {
    padding: 40px;
}
.tz-gallery .thumbnail {
	cursor: pointer;
    padding: 0;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 4px;
    border: none;
    transition: 0.15s ease-in-out;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.06);
}

.tz-gallery .thumbnail:hover {
    transform: translateY(-10px) scale(1.02);
}

.tz-gallery .lightbox img {
    border-radius: 4px 4px 0 0;
}

.tz-gallery .caption{
    padding: 26px 30px;
    text-align: center;
}

.tz-gallery .caption h3 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
}

.tz-gallery .caption p {
    font-size: 12px;
    color: #7b7d7d;
    margin: 0;
}
.baguetteBox-button {
    background-color: transparent !important;
}
.modal-header .close {
    margin-top: -23px !important;
    font-size: 55px !important;
    font-weight: 100 !important;
    color: white !important;
    text-shadow: none !important;
    opacity: 1 !important;
	top: 61px;
    position: relative;
    z-index: 1000000;
    right: 16px; 
}
.modal-body {
    padding: 0px !important;
}
.modal-header {
    padding: 0px !important;
    border-bottom: none !important;
	margin-top: -40px;
}
.gallery_slider{
	width:100%;
	/*height: 540px !important;*/
}
.fix_height{
	height:240px !important;
}
.links {
  position: relative;
}
.overlay {
  	position: absolute;
    bottom: 0;
    top: 0px;
    left: 0px;
    right: 0;
    background-color: #5f666ad1;
    overflow: hidden;
    width: 99%;
    height: 100%;
    -webkit-transform: scale(0);
    transition: .7s ease;
}
.links:hover .overlay {
  transform: scale(1);
}
.icon{
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    font-size: 40px;
    color: deepskyblue;
    line-height: 250px;
}
.icon_outer{
	line-height: 160px;
  text-decoration:none !important;
}
.over_link:hover {
  color: white;
}
.overlay_amazon{
	width:100%;
	height:100%;
	top:0;
	left: 0px;
}
.overlay a:hover{
	color:deepskyblue;
}
.android:hover{
	color:#85C808;
}
.apple:hover {
  color: #ACADB2;
}
.page_margin img{
	width:100% !important;
}
#Container img{
	box-shadow: 0px 1px 10px rgba(68, 68, 68, 0.6);	
}
.bottom_style{
	background: #1F9CD8;
  	margin: 0px;
  	padding: 22px 0px;
	color:white;
	height: 60px;
}
.privacy_header{
	background-image: url(../images/privacy_header.jpg);
	background-repeat: no-repeat;
    width: 100%;
    height: 190px;
    background-size: 100% 190px;
}
.page-title h2{
	color:white;
    margin-top: 93px;
    text-transform: uppercase;
}
.page-title h2 span {
    color: #1f9cd8;
}
.privacy{
	padding:45px 0px;
}
.privacy p{
	color:#aaaaaa;
	line-height: 25px;
}
.amazon_header{
	background-image: url(../work/amazon/amazon_header.jpg);
	background-repeat: no-repeat;
    width: 100%;
    height: 300px;
    background-size: 100%;
}
.mobile_header{
	background-image: url(../work/mobile/mobile_header.jpg);
	background-repeat: no-repeat;
    width: 100%;
    height: 300px;
    background-size: 100%;
}
.website_header{
	background-image: url(../work/website/website_header.jpg);
	background-repeat: no-repeat;
    width: 100%;
    height: 300px;
    background-size: 100%;
}
.page_margin{
	margin:25px 0px;
	box-shadow: 0px 1px 10px rgba(68, 68, 68, 0.6);
}
.page_margin a:hover{
	text-decoration:none;
}
.feature_amazon{
	background-image: url(../features/icons/amazon.jpg);
	background-repeat:no-repeat !important;
	background-position:52% 1% !important;
	height:44px;
}
li:hover a .feature_amazon{
    background:url(../features/icons/amazon1.jpg);
}
.nav-tabs .active .feature_amazon{
    background:url(../features/icons/amazon1.jpg);
}
.feature_mobile{
	background-image: url(../features/icons/mobile.jpg);
	background-repeat:no-repeat !important;
	background-position:52% 1% !important;
	height:44px;
}
li:hover a .feature_mobile{
    background:url(../features/icons/mobile1.jpg);
}
.nav-tabs .active .feature_mobile{
    background:url(../features/icons/mobile1.jpg);
}
.feature_website{
	background-image: url(../features/icons/website.jpg);
	background-repeat:no-repeat !important;
	background-position:52% 1% !important;
	height:44px;
}
li:hover a .feature_website{
    background:url(../features/icons/website1.jpg);
}
.nav-tabs .active .feature_website{
    background:url(../features/icons/website1.jpg);
}
.feature_internet{
	background-image: url(../features/icons/internet.jpg);
	background-repeat:no-repeat !important;
	background-position:52% 1% !important;
	height:44px;
}
li:hover a .feature_internet{
    background:url(../features/icons/internet1.jpg);
}
.nav-tabs .active .feature_internet{
    background:url(../features/icons/internet1.jpg);
}

.carousel_inner_logo img{
	filter: grayscale(100%);
}
.carousel_inner_logo img:hover{
	filter: grayscale(0%);
}
.carousel-indicators{
	bottom:0px !important;
}
.carousel-indicators li{
	border-color:#1F9CD8;
	background:white;
}
.carousel-indicators .active{
	background:#1F9CD8;
}
.nav-tabs>li.active>a{
	background:#1F9CD8;
	color:white;
	border-radius:0px;
}
.img_section{
	margin: 25px 0px;
}
.img_box{
	border: 2px solid #1F9CD8;
}
.img_text{
	color: #1F9CD8;
}
.carousel_bg{
	background: #F1F1F1;
}
.carousel_logos{
  padding: 50px 0px;
  margin: 0px 50px;
}
.row{
	margin:0px;
}
.clear{
	clear:both;
}
.no_margin{
	margin:0px;
}
.no_padding{
	padding:0px;
}
.nav-tabs{
	border:none !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	border:none !important;
	background:#1F9CD8;
	color:white;
}
.nav-tabs>li>a:hover{
	border-color:transparent;
	color:#1F9CD8;
    background: #1F9CD8;
    color: #fff;
    border-radius: 0px;

}
.nav-tabs>li>a{
	border:none !important;
    padding: 10px;
    text-transform: capitalize;
    font-size: 14px;
}
.footer_icons{
	display: inline-block;
	text-align: left;
}
.footer_icons i{
    margin-right: 5px;
    padding: 0px 5px;
	color:#1f9cd8;
}
.footer_icons li a{
	color:black;	
}
.sup_transparent {
    float: left;
    width: 100%;
    position: relative;
    z-index: -1;
}
.sup_bottompadder30 {
    padding-bottom: 30px;
}
.sup_toppadder100 {
    padding-top: 100px;
}
.sup_heading {
    float: left;
    width: 100%;
}
.sup_bottompadder70 {
    padding-bottom: 70px;
}
.sup_heading h4 {
    float: left;
    width: 100%;
    margin-top: 0;
    color: #211f20;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 20px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
}
.sup_title_border {
    display: inline-block;
    height: 1px;
    background: #31aae1;
    padding: 1px 20px 0px;
    position: relative;
    margin-bottom: 30px;
}
.sup_title_border:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: #31aae1;
    left: 0;
    top: -2px;
    border-radius: 100%;
}
.sup_heading p {
    float: left;
    line-height: 24px;
    width: 100%;
}
.sup_feature_type2 {
    float: left;
    width: 100%;
}
.sup_feature_type2 ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 1px solid #ebebeb !important;
}
.sup_feature_type2 ul li {
    float: left;
    position: relative;
	width:25%;
}
.sup_feature_type2 .nav-tabs > li.active > a, .sup_feature_type2 .nav-tabs > li  > a:hover, .sup_feature_type2 ul li a:hover  {
    border-color: transparent;
	background:transparent;
    border: none;
}
.sup_feature_type2 ul li a {
    border: none;
    float: left;
	width:100%;
    padding: 50px 0px;
    border-right: 1px solid #ebebeb !important;
    text-align: center;
    position: relative;
    margin-right: 0;
    min-height: 188px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.sup_feature_type2 ul li a:before {
    position: absolute;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid transparent;
    left: 50%;
    margin-left: -10px;
    bottom: -15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.sup_feature_type2 ul li:last-child a{
	border-right:none;
}
.sup_feature_type2 ul li a span{
	float:left;
	width:100%;
	font-family: 'Raleway', sans-serif;
	text-transform:uppercase;
	color:#444444;
	margin-top:10px;
    font-weight: 400;
}
.sup_feature_type2 ul li a i {
    font-size: 35px;
    color: #31aae1;
}
.sup_feature_type2 .nav-tabs > li.active > a, .sup_feature_type2 .nav-tabs > li:hover > a {
    background: #31aae1;
    border-radius: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.sup_feature_type2 ul li.active a:before, .sup_feature_type2 .nav-tabs > li:hover > a:before {
	border-top-color:#31aae1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.sup_feature_type2 .nav-tabs > li.active > a span, .sup_feature_type2 .nav-tabs > li.active > a path, .sup_feature_type2 .nav-tabs > li:hover > a span, .sup_feature_type2 .nav-tabs > li:hover > a path{
    color: #fff;
	fill: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.sup_tabdata {
    float: left;
    width: 100%;
    padding: 70px 0;
}
.sup_feature_img {
    float: left;
    width: 100%;
}
.sup_feature_detail {
    float: left;
    width: 100%;
}
.sup_feature_detail h3 {
    float: left;
    width: 100%;
    margin-top: 0;
    color: #444444;
}
.sup_feature_detail span {
    float: left;
    width: 100%;
    color: #999999;
    padding-bottom: 25px;
}
.sup_feature_detail h5 {
	color: #444;
    font-weight: 600;
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 20px;
}
.sup_feature_detail p {
    font-size: 15px;
}
.sup_feature_detail a {
    float: left;
    position: relative;
    color: #211f20;
    text-transform: capitalize;
    padding-right: 15px;
}
.sup_feature_detail a:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 1px;
    background: #31aae1;
    top: calc(50% + 2px);
    left: 100%;
}
.sup_feature_detail a:after {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: #31aae1;
    border-radius: 100%;
    left: calc(100% + 30px);
    top: 50%;
}


@media screen and (max-width: 767px) and (min-width: 320px){
	.sup_bottompadder70 {
		padding-bottom: 35px;
	}
	.sup_feature_type2 ul li a svg {
		width: 30px; 
		height: 30px;
	}
	.sup_feature_type2 .nav-tabs > li > a span, .sup_feature_type2 .nav-tabs > li > a span{
		display:none;
	}
	.sup_feature_detail {
		padding-top: 30px;
	}
	.sup_feature_type2 ul li a {
		padding: 20px 0px;
		min-height: 10px;
	}
	.tz-gallery {
		padding: 0px;
	}
}
@media screen and (max-width: 768px){
	.icon_outer {
    	line-height: 100px;
	}
}
p{
  color:#333;
  line-height:1.5;
}
a:active,a:focus {
    outline: expression(hideFocus='true');
}

p {
    margin-bottom: 20px;
}

#wrapper {
    width: 500px;
    margin: 0 auto;
    margin-top: 100px;
}
#tabs,#tabs2,#tabs3,#tabs4,#tabs5 {
    width: 500px;
    margin: 0 auto;
    margin-bottom: 40px;
}

#tabs li,#tabs2 li,#tabs3 li,#tabs4 li,#tabs5 li {
    float: left;
    margin-right: 2px;
}

#tabs li a,#tabs2 li a,#tabs3 li a,#tabs4 li a,#tabs5 li a {
    display: block;
    padding: 17px 30px;
    background: #544f6b;
    text-decoration: none;
    color: #8478B3;
}

#tabs li a:hover,#tabs2 li a:hover,#tabs3 li a:hover,#tabs4 li a:hover,#tabs5 li a:hover {
    background: rgb(78, 74, 99);
}
#tabs_container {
    padding: 40px;
    overflow: hidden;
    position: relative;
    background: white;
}

#tabs_container div {
    margin-right: 40px;
}

/*portfolio*/
*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body, button{
  font-family: 'Helvetica Neue', arial, sans-serif;
}

.controls{
  padding: 2%;
}
label{
  font-weight: 300;
  margin: 0 .4em 0 0;
}
button{
  padding: .4em .8em;
  background: transparent;
  border: 0;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}
button.active{
  background: #1F9CD8;
  color: white;
}
button:focus{
  outline: 0 none;
}
button + label{
  margin-left: 1em;
}
.container:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.container .mix,
.container .gap{
  display: inline-block;
  width: 49%;
}

.container .mix{
  text-align: left;
  display: none;
}
/*.mix:after{
  content: attr(data-myorder);
  color: white;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  padding: 4% 6%;
  font-weight: 700;
}
.container .mix:before{
  content: '';
  display: inline-block;
}*/
@media all and (min-width: 320px){
  .container .mix,
  .container .gap{
    width: 32%;
	margin: 10px 5px;
  }
}
@media all and (min-width: 640px){
  .container .mix,
  .container .gap{
    width: 18%;
	margin: 10px 5px;
  }
}
.fromleft {
    -webkit-animation: fromleft .7s 1;
    -moz-animation: fromleft .7s 1;
    animation: fromleft .7s 1;
}
@-webkit-keyframes fromleft {
    from {
        -webkit-transform: translateX(-30px);
		opacity:0;
    }
    to {
        -webkit-transform: translateX(0px);
		opacity:1;
    }
}
@keyframes fromleft {
    from {
        transform: translateX(-30px);
		opacity:0;
    }
    to {
        transform: translateX(0px);
		opacity:1;
    }
}
@-moz-keyframes fromleft {
    from {
        -moz-transform: translateX(-30px);
		opacity:0;
    }
    to {
        -moz-transform: translateX(0px);
		opacity:1;
    }
}

.fromright {
    -webkit-animation: fromright 0.7s 1;
    -moz-animation: fromright 0.7s 1;
    animation: fromright 0.7s 1;
}
@-webkit-keyframes fromright {
    from {
        -webkit-transform: translateX(30px);
		opacity:0;
    }
    to {
        -webkit-transform: translateX(0px);
		opacity:1;
    }
}
@keyframes fromright {
    from {
        transform: translateX(30px);
		opacity:0;
    }
    to {
        transform: translateX(0px);
		opacity:1;
    }
}
@-moz-keyframes fromright {
    from {
        -moz-transform: translateX(30px);
		opacity:0;
    }
    to {
        -moz-transform: translateX(0px);
		opacity:1;
    }
}