/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{
	list-style: none;
	/* [disabled]margin: 0; */
	/* [disabled]padding:0; */
}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
.list{margin:0 !important; padding:0; margin-left:20px !important;}
.list li{margin-left: 10px;}
.new img{ 
	border-bottom: 1px solid #d1d1d1; 
	border-right:1px solid #d1d1d1; 
	width:22%; 
	cursor:pointer;
	padding:40px 40px 40px;
	margin:0 -3px -8px 0;
}
.new img:nth-child(4n) {
	border-right:none;
}
.clientimage{width:766px;  background:#ededed; padding:6px;}
.clientname img {float:left;}
.clientname span{font-weight: bold;
    margin-left: 20px;}
.clientname{background: url("../images/testi_corner.jpg") no-repeat scroll 4% top rgba(0, 0, 0, 0);
    font-weight: bold;
    height: auto;
    line-height: 50px;
    width: 100%;}
	.clientname p{line-height: 50px !important;
    padding-top: 6px !important;}

.wrap_box{width:49.8%; display:inline-table; }
.box_2{display:inline-table; width:69%!important;}
.box_2 p{color:#464646 !important; line-height:28px; padding-top:10px; padding-right:10px; padding-bottom:10px; text-align:justify;}
.testi {
	font-size:13px;
	color:#333!important;
	font-weight:600;
	margin:0 0 0 0;
	padding:5px 0 0 0!important;
}

.padding_0 {
	padding:0px!important;
}





.box_1{width:49%; padding-right:10px;}
.wrap_box img{margin:3px; cursor:pointer; border:1px solid #ccc;}
.tbox{border:0px solid #ccc;  margin:3px; padding-right:}
.cimage {
	display:inline-block!important;
}
.cimage img {
	width: 120px;
    height: 120px; 
	border-radius:100%;  
	border:1px solid #ccc;
 }
.box_2 p img{border:none;margin: 0 0 6px -4px;}
.cname{padding-left:10px;}
.clientname span{color:black;}
.box_6 img{width:31.5%; height:100px;}
.ch_j h3, .ch_j p{color:white!important;}
/*end reset*/
body{
	font-family: 'Open Sans', sans-serif;
	background:#fff;
}
.main{
/*background-image:url(../images/bg.jpg);*/
padding: 10px 0px 0px;
/* border-bottom:1px solid #eee; */
}
.wrap{
	width:85%;
	margin:0 auto;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;
}
.header_fixed
{
height:60px;
}
.header{
	background: #FFF;
	padding: .1% 0;
	border-bottom:2px solid #b34768;
	position:fixed;
	z-index:1000;
	top:0px;
	width:100%;
}
.single-header{
	background: #FFF;
	padding:2% 0 1.6% 0;
	border-bottom: 1px solid #EBEBEB;
}
/*.logo {
	float:left;
	width: 20.5%;
	margin-top:1%;
}*/
.logo {
	float:left;
	width:200px;
	margin-top:7px;
	text-align:center;
}




.header-right{
	float:right;
	width: 80.5%;
}
/*--menu--*/
#cssmenu {
  float: left;
	color: #000;
	/*margin-right:6.6%;*/
	padding-top: 0px;
	margin: 0px;
	/*width: 70.5%;*/
	width:100%;
	margin-top:4px;
}

.search_box{
	float: left;
	background:#f1f3f6;
   -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding:5px 10px;
	position: relative;
	cursor: pointer;
	width: 19.5%;
}
.search_box img {
	vertical-align: middle;
	margin-right: 10px;
}
.search_box form input[type="text"] {
	border: none;
	outline: none;
	background: none;
	font-size: 0.85em;
	color:#999;
	width:87%;
	font-family: 'Open Sans', sans-serif;
	-webkit-apperance: none;
}
.search_box form input[type="submit"] {
	border: none;
	cursor: pointer;
	background: url(../images/search.png) no-repeat 0px -5px;
	position: absolute;
	right: 0;
	width:31px;
	height:33px;
	outline: none;
}
/**** Slider *****/

.rs_slider .title1 {
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    font-size: 30px;
    text-transform: none;
    color: #fff;
    line-height: 42px;
}

.rs_slider .title2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    font-size: 30px;
    text-transform: uppercase;
    color: #3d3d3d;
    line-height: 42px;
}
.rs_slider img {
	width:100%;
}


.banner-wrap{
	width:77%;
	margin:0 auto;
	padding:1% 0;
}
.index-banner{
	/*background:#31333e;*/
	height:450px;
	/*background-image:url(../images/mainbanner.jpg);*/
	  background-image:url(../image/mainbanner.jpg);
}
.margin-top-0 {
	margin-top:0!important;
}
.wmuSlider {
	position: relative;
	overflow: hidden;
}
.wmuSlider .wmuSliderWrapper article {
	position: relative;
	text-align: center;
}
.wmuGallery .wmuGalleryImage {
	position: relative;
	text-align: center;
}
.wmuGallery .wmuGalleryImage img {
	max-width: 100%;
	width: auto;
	height: auto;
}
/* Default Skin */
.wmuGallery .wmuGalleryImage {
	margin-bottom: 10px;
}
.wmuSliderPrev, .wmuSliderNext {
	position: absolute;
	width: 68px;
	height: 58px;
	text-indent: -9999px;
	background: url(../images/img-sprite.png) no-repeat;
	top:45%;
	z-index: 2;
	cursor: pointer;
}
.wmuSliderPrev {
	background-position:20px 3px;
	left:-30px;
}
.wmuSliderNext {
	background-position:-46px 3px;
	right:-30px;
}
.span_2_of_3 h1{
	color:#fff;
	font-size:2.6em;
}
.banner{
	text-align: center;
}
.btn a{
	border: none;
	float:left;
	color:#fff;
	cursor: pointer;
	padding:10px 40px;
	display: inline-block;
	font-size: 1.1em;
	outline: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	background:#105865;
}
.btn a:hover{
	background:#0b646f;
}

.about-banner{
	/*background:#31333e;*/
	height:300px;
	background-image:url(../images/about1.jpg);
}
.about-banner h3 {
    background: none repeat scroll 0 0 #06646f;
    border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 22px;
    font-weight: 100;
    margin-bottom: 20px;
    margin-top: 70px;
    padding:10px 45px;
	}
	
	.about-banner p {
    color: #000000;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 30px;
    width: 630px;
}
hr
{
	border:solid 1px #ddd;

}
/*--content--*/
/*  GRID OF THREE   ============================================================================= */
.content-top{
	padding: 0% 0 0% 0;
	/*border-bottom:1px solid #ddd;*/
	overflow:hidden;
	margin-top: 10px;
}
.col_1_of_3{
	display: block;
	float: left;
	margin: 0% 0 0% 5%;
	text-align: center;
}
.col_1_of_33{
	display: block;
	float: left;
	margin: 0% 0 0% 2%;
	text-align: center;
}
.col_1_of_3:first-child { margin-left: 0; }
.col_1_of_33:first-child { margin-left: 0; }
.span_1_of_3  p  {
	font-size: 0.82em;
	padding: 0.5em 0;
	color: #777;
	line-height: 1.8em;
	text-align:justify;
}
.span_1_of_3 .btn-link{
	padding-top:10px;
}
.span_1_of_3 .btn-link a{
	color:#00aeff;
	cursor:pointer;
	font-size:0.85em;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease!important;
	-moz-transition: all 0.2s ease!important;
	-o-transition: all 0.2s ease!important;
	transition: all 0.2s ease!important;
}
.span_1_of_3 .btn-link a:hover{
	color:#333;
}
/*--content-bottom--*/
/*  GRID OF FOUR   ============================================================================= */
.content-bottom{
	/*background:#e2e7ed;*/
	padding: 1% 0;
	border-bottom:1px solid #eee;
}
.col_1_of_4{
	display: block;
	float:left;
	margin:0 0 0 1.6%;
}
.col_1_of_4:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
.span_1_of_4 {
	width:22.8%;
}
.span_1_of_4 label
{
    color: #6E6E6E;
    display: block;
    float: left;
    font-size: 12px;
    margin-left: 10px;
    padding: 3px 0;
    width: 150px;
	text-align:left;
}
.span_1_of_4 .text ul li
{
text-align:left;
font-size:.75em;
padding: 5px 5px 5px 25px;
color:#444;
}
.span_1_of_4 .text .contact-icon-office
{
background-image:url(../images/hm.png);
background-repeat:no-repeat;
background-position:left;
}
.span_1_of_4 .text .contact-icon-phone
{
background-image:url(../images/tel.png);
background-repeat:no-repeat;
background-position:left;
}

.span_1_of_4 .text .contact-icon-mail
{
background-image:url(../images/eml.png);
background-repeat:no-repeat;
background-position:left;
}

.span_1_of_4 .text .contact-icon-fax
{
background-image:url(../images/web.png);
background-repeat:no-repeat;
background-position:left;
}

.span_1_of_4 input, textarea
{
text-align:left;
width:90%;
margin: 3px 0px;
font-size:.75em;
}
.span_1_of_4 img{
	padding: 5px;
	background:#fff;
}
.text{
	text-align:center;
	overflow:hidden;
}
.text h4{
	padding: 10px 0;
}
.text h4 a{
	color: #0A646F;
	font-size: 1em;
	/*text-transform:uppercase;*/
}
.text h4 a:hover{
	color:#333;
}
.text p{
	color:#999;
	font-size:0.85em;
}
.bottom-box{
	margin: 10px 0px 25px;
}

.imageOuter {
	width: 350px;
	float: left;
	margin: 0 37px 0 0;
}
span.rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background: url(../images/magnifier.png) center center no-repeat #105865;
	cursor: pointer;
	height: 253px;
	width: 313px;
	position: absolute;
	z-index: 10;
	opacity: 0;
}
span.rollover:hover {
	opacity: .7;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}
h2.head{
	color:#0A646F;
	font-size:1.8em;
	margin: 20px 0px 30px 1px;
	text-align:center;
	position:relative;
}
h2.head:after {
	content: '';
    position: absolute;
	left:47.50%;
    bottom: -15px;
    width: 60px;
    height: 4px;
    background: #C34A70;
    color: #FFF;
}
h2.head2{
	color:#0A646F;
	font-size:1.8em;
	margin-bottom:20px!important;
	text-align:left;
}
.portfolio-box{
float:left;
width:48%;
margin-right:2%;
margin-bottom:20px;
} 
.portfolio-box.last
.portfolio-box h2{
margin-bottom:10px;}
#flexiselDemo2, #flexiselDemoh{
padding-left:10px;
}
.portfolio-box .nbs-flexisel-container {
border-radius: 7px;
    box-shadow: 0 0 2px #0B636F;
	padding:20px;}
.welcome-msg {
margin-bottom:20px;
margin-top:20px;}

.welcome-msg h2{
text-align:center;
display:block;
margin-bottom: 15px;}
/*--thumbs--*/
.clients{
	padding:0 0 2%;
}
.clients .head
{
padding:0.2em 0;
}
.wrap marquee img
{
padding:.3em;
height:170px;
margin-right:1.5em;
border:1px solid #ddd;
}
#jquery-script-menu {
	position: fixed;
	height: 90px;
	width: 100%;
	top: 0;
	left: 0;
	border-top: 5px solid #316594;
	background: #fff;
	-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	z-index: 999999;
	padding: 10px 0;
}
.jquery-script-center {
	width: 960px;
	margin: 0 auto;
}
.jquery-script-center ul {
	width: 212px;
	float:left;
	line-height:45px;
	margin:0;
	padding:0;
	list-style:none;
}
.jquery-script-center a {
	text-decoration:none;
}
.jquery-script-ads {
	width: 728px;
	height:90px;
	float:right;
}
.jquery-script-clear {
	clear:both;
	height:0;
}
.clearout {
	height: 20px;
	clear: both;
}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	width:93%;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
	padding-right:30px;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	positon: relative;
	padding:3px;
	border:1px solid #ccc;
	border-radius:3px;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width:40px;
	height:50px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}
.nbs-flexisel-nav-left {
	left: 0px;
	background: url(../images/img-sprite.png) no-repeat -83px 4px;
}
.nbs-flexisel-nav-right {
	right: 0px;
	background: url(../images/img-sprite.png) no-repeat -120px 4px;
}
/*--footer--*/
.footer{
/*background-image:url(../images/ft.jpg);*/
background: url("../images/ft.jpg") repeat-x scroll center top #FFFFFF;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset;
/*background:#0a646f;*/
padding:.2% 0;
}
td
{
font-size:14px;
}
.footer ul {
	margin:0px;
	padding:0px;
}
.footer ul li
{
text-align:left;
background: url("../images/rarrow.gif") no-repeat scroll 0px 11px rgba(0, 0, 0, 0);
padding-left:12px;
}

.footer .wrap  ul li a
{
color:#666666;
font-size:12px;
}

.footer .text
{
text-align:left;
}
.footer .text .comp
{
background: url("../images/cmp2.png") no-repeat scroll 0px 2px rgba(0, 0, 0, 0);
padding-left:45px;
}
.comp span { border-bottom: 2px solid #c64375; }

.footer .text .service
{
background: url("../images/s2.png") no-repeat scroll 0px 2px rgba(0, 0, 0, 0);
padding-left:45px;
}
.footer .text .sol
{
background: url("../images/sol.png") no-repeat scroll 0px 2px rgba(0, 0, 0, 0);
padding-left:45px;
}
.footer .text .conn
{
background: url("../images/conn.png") no-repeat scroll 0px 2px rgba(0, 0, 0, 0);
padding-left:45px;
}

.footer .text .exp
{
background: url("../images/exp.png") no-repeat scroll 0px 2px rgba(0, 0, 0, 0);
padding-left:45px;
}
.footer .text .port
{
background: url("../images/port.png") no-repeat scroll 0px 2px rgba(0, 0, 0, 0);
padding-left:45px;
}
.footer .text .dom
{
background: url("../images/dom.png") no-repeat scroll 0px 2px rgba(0, 0, 0, 0);
padding-left:45px;
}

.footer .text .cont
{
background: url("../images/cont.png") no-repeat scroll 0px 2px rgba(0, 0, 0, 0);
padding-left:45px;
}

.footer .text .location
{
background: url("../images/location.png") no-repeat scroll 0px 2px rgba(0, 0, 0, 0);
padding-left:27px;
}
.footer a{
	color: #666666;
	font-size: 12px;
}

.footer .text h3
{
	border-bottom:1px dotted #ddd;
	padding:8px 0;
	margin-bottom:12px;
}
.footer-left {
	text-align:center;
}
.footer-nav{
	color:#fff;
}
.footer-nav li{
	display:inline-block;
}
.footer-nav li a{
	color:#fff;
	font-size:0.85em;
	margin:0 15px;
}
.footer-nav li a:hover{
	color:#00AEFF;
}

.footer input, textarea
{
width:210px;
padding:5px;
margin:5px;
background: none repeat scroll 0 0 #fff;
border: 1px solid #999999;
border-radius: 4px;
}

.footer_bottom
{
background: url("../images/chek.jpg") repeat-x scroll center top #FFFFFF;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset;
overflow:hidden;
padding:.5% 0;
}
.copy{
	padding-top:9px;
}
.copy p{
	font-size:0.85em;
}
.copy p a{
	color:#00AEFF;
}
.copy p a:hover{
	color:#fff;
}
.social {
	float:right;
	margin:0 122px 0 0;
}
.social ul {
	margin:0px;
	padding:0px;
}
.social ul li:first-child, ol li:first-child {
	margin-top: 0px;
	margin-left: 0;
}
/*.social li {
	background: none;
	padding:0px 0 0 5px;
	display: inline-block;
}
li.facebook a span {
	height:40px;
	width:40px;
	display: block;
	background: url(../images/f.png) no-repeat ;
}
li.facebook a span:hover {
	background: url(../images/f1.png) no-repeat ;
}
li.linkedin a span {
	height:40px;
	width:40px;
	display: block;
	background: url(../images/in.png) no-repeat;
}
li.linkedin a span:hover {
	background: url(../images/in1.png) no-repeat;
}
li.twitter a span {
	height:40px;
	width:40px;
	display: block;
	background: url(../images/t.png) no-repeat;
}
li.twitter a span:hover {
	background: url(../images/t1.png) no-repeat;
}
li.pinterest a span {
	height:40px;
	width:40px;
	display: block;
	background: url(../images/img-sprite.png) no-repeat -319px -4px;
}
li.pinterest a span:hover {
	opacity:0.8;
}
li.dribble a span {
	height:40px;
	width:40px;
	display: block;
	background: url(../images/img-sprite.png) no-repeat -366px -4px;
}
li.dribble a span:hover {
	opacity:0.8;
}
li.google a span {
	height:40px;
	width:40px;
	display: block;
	background: url(../images/g.png) no-repeat;
}
li.google a span:hover {
	background: url(../images/g1.png) no-repeat;
}*/
/*--single--*/
/*  GRID OF Content and sidebar   ============================================================================= */
.single-top{
	padding:12px 0;
}
.cont{
	display: block;
	float:left;
}
.popup-with-zoom-anim img {
	width:100%;
}
.rsidebar{
	display: block;
	float:left;
	margin:0 0 0 4.6%;
}	
.span_2_of_3 {
	width:65.1%;
}
.span_1_of_3 {
	width: 30%;
}
.span_1_of_33 {
	width: 22%;
}
.span_2_of_3  h3,
.span_1_of_3  h3 {
	color: #555;
	margin-bottom: 0em;
	font-size: 1.3em;
	line-height: 1.2;
	font-weight: normal;
	margin-top: 0%;
	letter-spacing: -1px;
	/*text-transform: uppercase;*/
}
.span_2_of_3 p{
	color:#999;
	font-size:0.85em;
	line-height:1.8em;
	margin:20px 0;
}
.extra{
	color:#999;
	font-size:0.85em;
	padding: 10px 0;
}
.extra a{
	color:#000;
}
.extra a:hover{
	color:#555;
}
.links {
	padding: 10px 0px;
	border: 1px solid #eee;
	border-left: none;
	border-right: none;
	margin: 30px 0 50px 0;
}
.links ul li {
	display: inline-block;
}
.links ul li a {
	font-size:0.85em;
	color: #999;
	padding-left: 20px;
}
.links ul li a:hover{
	color:#555;
}
.links ul li img {
	vertical-align: middle;
	padding-right: 10px;
}
.comment h2{
	color:#555;
	font-size:1.5em;
	margin-bottom:20px;
	text-transform: uppercase;
}
ul.comment-list{
	border:1px solid #eee;
	padding:20px;
}
ul.comment-list img{
	float: left;
	width: 7%;
	margin-right: 20px;
}
ul.comment-list .desc{
	float: left;
	width: 90%;
	margin: 0;
}
ul.comment-list .desc h5 a{
	color:#555;
}
ul.comment-list .desc h5 a:hover{
	color:#000;
}
ul.comment-list .desc p{
	margin:0px;
}
.reply {
	margin-top: 20px;
}
.reply a {
	color:#555;
	font-size:0.85em;
}
.reply a:hover{
	color:#999;
}
.comments-area{
	padding-top:50px;
}
.comments-area h2 {
	color: #555;
	font-size: 1.5em;
	margin-bottom:10px;
	text-transform: uppercase;
}
.comments-area p {
	position: relative;
	padding: 8px 0;
	margin:0;
}
.comments-area label {
	display: block;
	color: #999;
}
.comments-area span {
	color:#00AEFF;
	position: absolute;
	left: 4px;
	top: 30px;
}
.comments-area input[type="text"] {
	padding: 7px 15px;
	width: 47%;
	color: #999;
	font-size: 13px;
	border: none;
	background:#F1F3F6;
	outline: none;
	display: block;
}
.comments-area textarea {
	padding: 7px 15px;
	width: 70%;
	color: #999;
	font-size: 13px;
	outline: none;
	height: 100px;
	display: block;
	border: none;
	background:#F1F3F6;
	font-family: 'Open Sans', sans-serif;
}
.comments-area input[type="submit"] {
	padding:10px 20px;
	color:#fff;
	background:#00AEFF;
	font-size:1em;
	border:none;
	outline:none;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
}
.comments-area input[type="submit"]:hover {
	background:#049FE7;
}
ul.sidebar li {
	list-style-image: url(../images/marker2.png);
	margin: 0 15px 10px;
	vertical-align: bottom;
}
ul.sidebar li a {
	font-size: 0.85em;
	color: #999;
}
ul.sidebar li a:hover{
	color:#555;
}
.archive {
	padding: 20px 0;
}
/*--works--*/
.work-top{
	background: #E2E7ED;
	padding:2% 0;
}
/*  GRID OF TWO   ============================================================================= */
.grid-box{
	/*background:url(../images/ft.jpg);
	background-repeat:repeat-x;*/
	padding:0% 0;
}
.grid-box1{
/*	background:#58da9c;*/
	padding: 0% 0;
}
.grid-box2{
	background:#f4776d;
	padding: 4% 0;
}
.grid-box3{
	background:#edca52;
	padding: 4% 0;
}
.col_1_of_2{
	display: block;
	float:left;
	margin: 1% 0 1% 3.6%;
}
.col_1_of_2:first-child { margin-left: 0; }
.span_1_of_2 {
	width:48.2%;
    padding: 5px;
	 border-radius: 7px;
    box-shadow: 0 0 2px #0B636F;
}

.span_1_of_2:hover {
	 box-shadow: 0 0 2px #105865;
}
.span_1_of_2 h2
{
margin:5px;
}

.span_1_of_2 h3{
	color:#fff;
	font-size: 1.2em;
	line-height: 1.2;
	font-weight: normal;
	margin-top: 0px;
	letter-spacing: -1px;
	padding: 20px 0;
}
.span_1_of_2  p{
	font-size:0.85em;
	color: #fff;
	line-height: 1.8em;
}

.span_1_of_3 {
	
    padding: 5px;
	 border-radius: 7px;
/*    box-shadow: 0 0 2px #0B636F;
*/}




.single-menu{
	float:right;
	padding-top: 20px;
}
.single-menu ul li{
	display: inline-block;
}
.single-menu ul li a {
	color:#000;
	display: block;
	margin:0px 10px;
	letter-spacing: 1px;
	font-size:0.85em;
	font-family: 'Open Sans', sans-serif;
}
.single-left{
	float:left;
}
.single-left h1{
	color:#626262;
	font-size:3em;
}
h4.single-head{
	color: #FFF;
	font-size: 2em;
	margin-bottom: 20px;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url(../images/top-move.png) no-repeat right top;
}
/*--blog--*/
.grid_1 {
	width:7.5%;
	float: left;
}
.alpha {
	margin-right:2.6%;
}
.date {
	background:#00AEFF;
	font-size:0.85em;
	line-height: 18px;
	font-weight: 300;
	padding: 11px 10px 12px;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
}
.date span {
	display: inline-block;
	margin-bottom: 7px;
	font-size: 30px;
	line-height: 30px;
}
.span_2_of_single{
	width:89.1%;
}
h4.blog_title{
	font-size: 1.2em;
	text-transform: uppercase;
	margin: -5px 0 5px 0;
}
.wrapper_single{
	width: 66.2%;
	float: left;
}
.wrapper_top{
	margin-bottom:6%;
}
h4.blog_title a {
	color:#00AEFF;
}
h4.blog_title a:hover{
	color:#555;
}
.blog_info {
	font-size:0.85em;
	line-height: 18px;
	color:#999;
	margin-bottom: 28px;
}
.blog_info a {
	color:#00AEFF;
}
.blog_info a:hover{
	text-decoration:underline;
}
h5.m_head a{
	color:#00AEFF;
	font-size:0.85em;
	text-transform:uppercase;
}
h5.m_head a:hover{
	color:#555;
}
.m_img{
	margin-bottom: 26px !important;
}
p.m_para{
	color:#999;
	font-size:0.85em;
	line-height:1.8em;
	margin-bottom: 20px;
}
.arrow_btn {
	display: inline-block;
	background: url(../images/arrow_btn.png) no-repeat 51px 15px #B7C0CD;
	padding: 8px 22px 9px 11px;
	color: #FFF;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: 400;
	text-align: left;
	transition: 0.2s;
}
.arrow_btn:hover{
	background: url(../images/arrow_btn.png) no-repeat 51px 15px #00AEFF;
	text-decoration: none;
}
.pagination__posts {
	margin: 0;
	text-align: center;
}
.pagination ul {
	display: inline-block;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li {
	display: inline;
}
.pagination__posts ul li a {
	border-color: #ECECEC;
	color:#00AEFF;
	font-size:0.85em;
}
.pagination ul > li > a, .pagination ul > li > span {
	float: left;
	padding: 4px 12px;
	line-height: 18px;
	text-decoration: none;
	background-color: #FFF;
	border: 1px solid #DDD;
}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
	background-color: #F5F5F5;
}
h4.m_2{
	background:rgba(6,100,101,.8);
    color: #FFFFFF;
    display: inline-block;
    font-size: 22px;
    font-weight: 100;
    margin-bottom: 20px;
    margin-top: 0px;
    padding:10px 29px;
	border-left:3px solid #105865;
}

h4.m_22{
    color: #FFFFFF;
    display: inline-block;
    font-size: 22px;
    font-weight: 100;
    margin-bottom: 20px;
    margin-top: 0px;
    padding:10px 75px;
}
/*--about--*/
/*  GRID OF Content and sidebar   ============================================================================= */
.lsidebar{
	display: block;
	float:left;
	margin:0% 3.6% 0% 0;
} 
.span_1_of_about .foot_block_intouch .touch_phone
{
list-style:none; 
padding: 3px 3px 3px 22px;
}
.span_1_of_about .foot_block_intouch .touch_phone
{
background: url("../images/contact_icon.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
list-style:none; 
padding: 3px 3px 3px 22px;
}

.span_1_of_about .foot_block_intouch .touch_clock  {
    background: url("../images/contact_icon.png") no-repeat scroll 0 -78px rgba(0, 0, 0, 0);
list-style:none; 
}
.span_1_of_about .foot_block_intouch .touch_mail
{
list-style:none;
padding: 3px 3px 3px 22px;
}
.span_1_of_about .foot_block_intouch .touch_mail a
{
margin-left:5px;
}
.span_1_of_about .foot_block_intouch .touch_mail {
    background: url("../images/contact_icon.png") no-repeat scroll 0 -149px rgba(0, 0, 0, 0);
list-style:none;
padding: 3px 3px 3px 22px; 
}
.span_1_of_about .foot_block_intouch .skype {
    background: url("../images/skype.png") no-repeat scroll 0 8px rgba(0, 0, 0, 0);
list-style:none;
padding: 3px 3px 3px 22px; 
}
.span_1_of_about .foot_block_intouch .skype a
{
margin-left:5px;
}

.span_1_of_about .foot_block_intouch .gtalk {
    background: url("../images/gtalk.png") no-repeat scroll 0 8px rgba(0, 0, 0, 0);
list-style:none;
padding: 3px 3px 3px 22px; 
}
.span_1_of_about .foot_block_intouch .gtalk a
{
margin-left:5px;
}
.span_1_of_about .foot_block_intouch .touch_site
{
list-style:none;
padding: 3px 3px 3px 22px;
}
.span_1_of_about .foot_block_intouch .touch_site a
{
margin-left:5px;
}
.span_1_of_about .foot_block_intouch .touch_site  {
    background: url("../images/contact_icon.png") no-repeat scroll 0 -233px rgba(0, 0, 0, 0);
list-style:none; 
padding: 3px 3px 3px 22px;
}

.span_1_of_about .foot_block_intouch .touch_adress {
    background: url("../images/contact_icon.png") no-repeat scroll 0 -318px rgba(0, 0, 0, 0);
	padding: 3px 3px 3px 22px;
list-style:none; 
}
.span_1_of_about .foot_block_intouch .facebook a {
    background: url("../images/contact_icon.png") no-repeat scroll 0 -413px rgba(0, 0, 0, 0);
    display: block;
	padding-left:22px;
list-style:none; 
}
.span_1_of_about .foot_block_intouch .twitter a {
    background: url("../images/contact_icon.png") no-repeat scroll 0 -496px rgba(0, 0, 0, 0);
    display: block;
    height: 15px;
	padding-left:22px;
list-style:none; 
}



.span_1_of_about .foot_block_intouch p
{
font-size:13px;
color:#555;
}

.span_2_of_about {
	width: 70%;
}
.span_2_of_about-collaps {
	width: 60%;
}

.span_2_of_about ul
{
margin-left:20px;
margin-top:20px;
}
.span_2_of_about ul li {
font-size:13px;
color:#777;
padding:5px;
list-style:circle;
}
.span_1_of_about {
	width:25.2%;
}
.span_1_of_aboutexpand{
    width: 34%;
}

.span_1_of_about h5
{
font-size:15px;
 margin: 15px 0 0;
}
.span_2_of_about  h3 a{
	color:#555;
	margin-bottom:0.5em;
	font-size:1em;
	text-transform:uppercase;
	letter-spacing: -1px;
}
.span_2_of_about  h3 a:hover{
	color:#000;
}
.span_2_of_about p,
.span_1_of_about  p  {
	font-size:0.84em;
	line-height: 1.8em;
	color: #656565;
    font-weight: 100;
    margin: 0;
    padding: 0;
}
.about-desc{
	padding-bottom:4%;
}
.about-desc p{
	font-size:0.85em;
	padding:0.5em 0;
	color: #06646F;
	line-height: 1.8em;
	width:50%;
}
.about-desc h3 a {
	color: #555;
	margin-bottom: 0.5em;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.about-desc h3 a:hover {
	color: #000;
}
.button{
	display: inline-block !important;
	padding: 0 15px;
	margin-bottom: 0;
	font-size:0.85em;
	line-height: 35px !important;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #F5F5F5;
	background: #FFF;
	color: #555;
	text-transform: uppercase;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 35px;
	top: 0 !important;
	margin-top: 10px;
}
.button:hover {
	color:#fff;
	background:#105865;
}
.about-top{
	padding-bottom:4%;
}
.about-top .span_1_of_4 img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #F0F0F0;
    border-radius: 160px;
    padding: 10px;
}
ul.about-list li {
	list-style-image: url(../images/icon_1.png);
	margin: 5px 0px 5px 15px;
	padding:0 0 10px 0;
	border-bottom:solid 1px #ddd;
}
ul.about-list li a {
	font-size: 0.85em;
	color: #555;
	vertical-align: top;
	/*text-transform: uppercase;*/
}
ul.about-list li a:hover {
	color:#000;
}
ul.about-list li p{
	padding:0;
	line-height: 1.5em;
	font-size:11px;
}
.span_1_of_4 h3{
	padding:5px 0;
}
.span_1_of_4 h3 a {
	color: #555;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.span_1_of_4 h3 a:hover{
	color: #00AEFF;
}
.span_1_of_4 p{
	font-size: 0.75em;
	color: #444;
	/*line-height: 1.8em;*/
	text-align:justify;
}
/*--contact--*/
.contact{
	padding:4% 0;
}
.contact-form{
	position:relative;
}
.contact-form div{
	padding:5px 0;
}
.contact-form span{
	display:block;
	font-size:0.85em;
	color: #999;
	padding-bottom:10px;
}
.contact-form input[type="text"],.contact-form textarea{
	padding:8px;
	display:block;
	width:90%;
	background:#fff;
	border: none;
	outline:none;
	color:#999;
	font-size:0.85em;
	border:1px solid #EBEBEB;
	font-family: 'Open Sans', sans-serif;
	-webkit-appearance:none;
}
.contact-form textarea{
	resize:none;
	height:120px;		
}
.contact-form input[type="submit"]{
	cursor:pointer;
	color:#fff;
	font-size: 1.5em;
	outline: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	background: #00AEFF;
	padding:17px 80px;
	border:none;
   font-family: 'Open Sans', sans-serif;
   margin-top: 20px;
   -webkit-appearance: none;
}
.contact-form input[type="submit"]:hover{
	background-color:#31333E;
}
.contact-form input[type="submit"]:active{
	background-color:#31333E;
}
.contact-form p{
	color:#999;
	font-size:0.85em;
	margin-bottom:4%;
}
h4.contact-head {
	color:#555;
	font-size: 2em;
	margin-bottom: 20px;
}
.map{
	padding:20px;
	background:#e2e7ed;
	margin-bottom: 5%;
}
.map-border{
	border: 2px solid #FFF;
}
.list3 li>img {
	float: left;
	margin-right: 10px;
}
.company_address{
	overflow: hidden;
}
.company_address h3{
	padding:0;
	color:#555;
}
.company_address p{
	color:#999;
	font-size:0.85em;
	line-height:1.8em;
}
.company_address p span {
	color:#00AEFF;
	cursor: pointer;
}
.company_address p span:hover{
	text-decoration:underline;
}
/*--404--*/
.page-not-found {
	padding:4% 0;
}
.page-not-found h1 {
	font-size: 15em;
	color: #F0F0F0;
	text-align: center;
	text-shadow: 1px 1px 6px #AAA;
	-moz-text-shadow: 1px 1px 6px #aaa;
	-webkit-text-shadow: 1px 1px 6px #aaa;
	-o-text-shadow: 1px 1px 6px #aaa;
}
/*--responsive design--*/
@media (max-width:1366px){
	.wrap{
		width:85%;
		margin:0 auto;
	}
	.box_6 img{width:31.5%; height:98px;}
	.tbox{padding:0px;}
	.cimage{margin:0px;}
	.span_2_of_3 h1 {
		font-size: 1.8em;
	}
	span.rollover {
		height: 220px;
		width: 273px;
	}
	.header-right {
		width: 81%;
	}
	#cssmenu > ul > li:hover > ul {
		top:70px;
	}
}
@media (max-width:1280px){
	.wrap{
		width:90%;
	}
	.cimage{display:block; margin:0 auto;}
	.cname{width:100%; }
	
	.box_6 img{width:47%;}
	.span_2_of_3 h1 {
		font-size: 2.4em;
	}
	.header-right {
		width: 79.5%;
	}
	span.rollover {
		height: 226px;
		width: 280px;
	}
}
@media (max-width:1024px){
	.wrap{
		width:90%;
	}
	.box_6 img{width:auto; display:block; margin:10px auto;}
	.span_2_of_3 h1 {
		font-size:1.9em;
	}
	.header-right {
		width: 73.5%;
	}
	#cssmenu {
		margin-right:2.6%;
	}
	#cssmenu > ul > li > a {
		padding:0px 10px;
	}
	.btn a {
		padding: 15px 49px;
	}
	.index-banner {
		height: 550px;
	}
	span.rollover {
		height: 185px;
		width: 225px;
	}
	.grid_1 {
		width: 9.5%;
	}
	.span_2_of_single {
		width: 87.1%;
	}
	.single-left h1 {
		font-size: 2.5em;
	}
	.single-menu {
		padding-top: 16px;
	}
	ul.comment-list .desc {
		width: 89%;
	}
	.links ul li a {
		padding-left: 15px;
	}
	#cssmenu > ul > li:hover > ul {
		top:60px;
	}
}
@media (max-width:800px){
	.wrap{
		width:90%;
	}
	.box_6 img{width:auto; display:block; margin:10px auto;}
	.span_2_of_3 h1 {
		font-size:1.5em;
	}
	.header-right {
		width:72.5%;
		padding-top: 4px;
	}
	#cssmenu {
		margin-right:2.6%;
		width: 78.5%;
	}
	#cssmenu > ul > li > a {
		padding:0px 5px;
	}
	.btn a {
		padding:12px 26px;
	}
	.index-banner {
		height:476px;
	}
	span.rollover {
		height: 148px;
		width: 179px;
	}
	.grid_1 {
		width: 9.5%;
	}
	.span_2_of_single {
		width: 87.1%;
	}
	.single-left h1 {
		font-size: 2.5em;
	}
	.single-menu {
		padding-top: 16px;
	}
	.search_box {
		width: 14.5%;
	}
	.footer-nav li a {
		margin: 0 4px;
	}
	ul.comment-list .desc {
		width: 88%;
	}
	.links ul li a {
		padding-left: 15px;
	}
	.contact-form input[type="submit"] {
		padding: 13px 60px;
	}
	#cssmenu > ul > li:hover > ul {
		top:50px;
	}
}
@media (max-width:768px){
	.wrap{
		width:90%;
	}
	.span_2_of_3 h1 {
		font-size:1.4em;
	}
	.header-right {
		width: 70.5%;
		padding-top: 3px;
	}
	#cssmenu {
		margin-right:2.6%;
	}
	#cssmenu > ul > li > a {
		padding:0px 5px;
	}
	.btn a {
		padding:12px 24px;
	}
	.index-banner {
		height:458px;
	}
	span.rollover {
		height: 140px;
		width: 172px;
	}
	.grid_1 {
		width: 9.5%;
	}
	.span_2_of_single {
		width: 87.1%;
	}
	.single-left h1 {
		font-size:2em;
	}
	.single-menu {
		padding-top: 16px;
	}
	.search_box {
		width: 14.5%;
	}
	.footer-nav li a {
		margin: 0 2px;
	}
	ul.comment-list .desc {
		width: 88%;
	}
	.links ul li a {
		padding-left: 15px;
	}
	.contact-form input[type="submit"] {
		padding: 13px 60px;
	}
}
@media (max-width:640px){
	.wrap{
		width:90%;
	}
	.box_1, .wrap_box {width:100%;}
	.cname{width:100%; text-align:center;}
	.cimage{display:block; margin:0 auto;}
	.box_6 img{display: inline-table;
    width: 48%;}
	.span_2_of_3 h1 {
		font-size:1.4em;
		margin-bottom: 20px;
	}
	.header-right {
		width: 100%;
		float: none;
	}
	#cssmenu {
		margin-right:2.6%;
	}
	#cssmenu > ul > li > a {
		padding:0px 5px;
	}
	.btn a {
		padding:12px 24px;
	}
	.index-banner {
		height:437px;
	}
	span.rollover {
		height: 290px;
		width: 360px;
	}
	.grid_1 {
		width: 9.5%;
	}
	.span_2_of_single {
		width: 87.1%;
	}
	.single-left h1 {
		font-size:2em;
	}
	.single-menu {
		padding-top: 16px;
	}
	.search_box {
		width: 14.5%;
	}
	.footer-nav li a {
		margin: 0 2px;
	}
	ul.comment-list .desc {
		width: 88%;
	}
	.links ul li a {
		padding-left: 15px;
	}
	.contact-form input[type="submit"] {
		padding: 13px 60px;
	}
	.logo {
		float: none;
	/*	width: 100%;*/
		text-align: center;
	}
	.span_1_of_3 {
		width: 100%;
	}
	.span_1_of_4 {
		width: 100%;
	}		
	.span_2_of_3 {
		width: 100%;
	}
	.footer-left {
		float:none;
	}
	.social {
		float: none;
		padding-top: 20px;
	}
	.footer {
		text-align: center;
	}
	.col_1_of_3 {
		margin:0;
	}
	.rsidebar {
		float:none;
		margin:0;
	}
	.span_2_of_about {
		width: 100%;
	}
	.span_1_of_about {
		width: 100%;
	}
	.lsidebar {
		float:none;
		margin:0;
	}	
	.lsidebar ul {
		margin:0px!important;
		padding:0px!important;
	}
	ul.about-list li {
		margin: 0 0px 20px 30px!important;
	}
	.wrapper_single {
		width: 100%;
		float: none;
	}
	.single-menu ul li a {
		margin: 0px 5px;
	}
	.col_1_of_2 {
		float:none;
		margin:0;
	}
	.span_1_of_2 {
		width: 100%;
	}
	#cssmenu > ul > li:hover > ul {
		top:40px;
	}
}
@media (max-width:480px){
	.wrap{
		width:90%;
	}
	a.whatsapp {
		margin-right: 0em !important;
	}
	.box_1, .wrap_box {width:100%;}
	.cname{width:100%; text-align:center;}
	.cimage{display:block; margin:0 auto;}
	.box_6 img{display: block;
    
    margin: 10px auto;
    width: 75%;}
	.span_2_of_3 h1 {
		font-size: 1.3em;
		margin-bottom: 20px;
	}
	.header-right {
		width: 100%;
		float: none;
	}
	.header-right img
	{
	width:50%;
	}
	
	#cssmenu {
		margin-right:0;
		float:none;
		width: 100%;
	}
	#cssmenu > ul > li > a {
		padding: 0px 5px;
	}
	.btn a {
		padding: 8px 20px;
	}
	.index-banner {
		height:343px;
	}
	span.rollover {
		height: 290px;
		width: 360px;
	}
	.grid_1 {
		width:12.5%;
	}
	.span_2_of_single {
		width:84.1%;
	}
	.single-left h1 {
		font-size:1.7em;
	}
	.single-menu {
		padding-top: 10px;
		float: none;
	}
	.single-left {
		float: none;
	}
	.search_box {
		width: 90%;
		float: none;
		margin-top: 20px;
	}
	.footer-nav li a {
		margin: 0 2px;
	}
	ul.comment-list .desc {
		width: 85%;
	}
	.links ul li a {
		padding-left: 15px;
	}
	.contact-form input[type="submit"] {
		padding: 13px 60px;
	}
	.logo {
		float: none;
		/*width: 100%;*/
		text-align: center;
	}
	.span_1_of_3 {
		width: 100%;
	}
	.span_1_of_4 {
		width: 100%;
	}		
	.span_2_of_3 {
		width: 100%;
	}
	.footer-left {
		float:none;
	}
	.social {
		float: none;
		padding-top: 20px;
	}
	.footer {
		text-align: center;
	}
	.col_1_of_3 {
		margin:0;
	}
	.rsidebar {
		float:none;
		margin:0;
	}
	.span_2_of_about {
		width: 100%;
	}
	.span_1_of_about {
		width: 100%;
	}
	.lsidebar {
		float:none;
		margin:0;
	}	
	ul.about-list li {
		margin: 0 0px 20px 30px;
	}
	.wrapper_single {
		width: 100%;
		float: none;
	}
	.single-menu ul li a {
		margin: 0px 3px;
	}
	.col_1_of_2 {
		float:none;
		margin:0;
	}
	.span_1_of_2 {
		width: 100%;
		margin-top: 0px;
		margin-bottom: 1em;
	}
	#cssmenu > ul > li:hover > ul {
		top:40px;
	}
}
@media (max-width:320px){
	.wrap{
		width:90%;
	}
	.span_2_of_3 h1 {
		font-size:1.1em;
		margin-bottom: 20px;
	}
	.header-right {
		width: 100%;
		float: none;
	}
	#cssmenu {
		margin-right:0;
		float:none;
		width: 100%;
	}
	#cssmenu > ul > li > a {
		padding:0px 0px;
		font-size:10px;		
	}
	.btn a {
		padding: 8px 20px;
	}
	.index-banner {
		height:275px;
	}
	span.rollover {
		height:232px;
		width: 360px;
	}
	.grid_1 {
		width:18.5%;
	}
	.span_2_of_single {
		width:78.1%;
	}
	.single-left h1 {
		font-size:1.7em;
	}
	.single-menu {
		padding-top: 10px;
		float: none;
	}
	.single-left {
		float: none;
	}
	.search_box {
		width: 90%;
		float: none;
		margin-top: 20px;
	}
	.footer-nav li a {
		margin: 0 2px;
	}
	ul.comment-list .desc {
		width:84%;
	}
	.links ul li a {
		padding-left: 15px;
	}
	.contact-form input[type="submit"] {
		padding:10px 50px;
	}
	.logo {
		float: none;
		/*width: 100%;*/
		text-align: center;
	}
	.span_1_of_3 {
		width: 100%;
	}
	.span_1_of_4 {
		width: 100%;
	}		
	.span_2_of_3 {
		width: 100%;
	}
	.footer-left {
		float:none;
	}
	.social {
		float: none;
		padding-top: 20px;
	}
	.footer {
		text-align: center;
	}
	.col_1_of_3 {
		margin:0;
	}
	.rsidebar {
		float:none;
		margin:0;
	}
	.span_2_of_about {
		width: 100%;
	}
	.span_1_of_about {
		width: 100%;
	}
	.lsidebar {
		float:none;
		margin:0;
	}	
	ul.about-list li {
		margin: 0 0px 20px 30px;
	}
	.wrapper_single {
		width: 100%;
		float: none;
	}
	.single-menu ul li a {
		margin: 0px 0px;
	}
	.col_1_of_2 {
		float:none;
		margin:0;
	}
	.span_1_of_2 {
		width: 100%;
		margin-top: 0px;
		margin-bottom: 1em;
	}
	#cssmenu > ul > li > ul {
		display:none;
	}
	.span_2_of_3 h3, .span_1_of_3 h3, .comment h2, .comments-area h2, h4.contact-head, h4.single-head{
		font-size: 1.2em;
	}
	
	
	
}
@media only screen and (max-width:700px){

#main-menu > li.cus-slace{
display:none;
}
}
@media only screen and (min-width:270px) and (max-width:683px){
.tab_box1 {
height: 267px;
text-align: center;
text-decoration: none;
width: 100% !important;
margin:auto;}

#tabs li {
    float: left;
    margin: 0px 1px 2px 2px !important;
    max-width: 185px;
}

ol, ul{
	list-style:none;
	padding:auto;
	 margin:auto !important;}
	 
.tab_box_text {
margin:auto !important;
    width: 100% !important;
}
	
	h2.head {

    text-align: center;
 
}
	.footer_bottom {
		background-color:#D6D6D6;
		background-image:none;
	}
	
	#cssmenu {
    margin:auto !important; 
    width: 100% !important;
    margin-top: 104px !important;
   
	overflow:scroll !important;
}
}


.tab_box1 {
    float: left;
    height: 267px;
    text-align: center;
    text-decoration: none;
    width: 266px;
	}
.tab_box1 .apple {
    background:url(../images/mobile-app-normal.png) no-repeat scroll -170px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .android {
    background:url(../images/mobile-app-normal.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .win8 {
    background:url(../images/mobile-app-normal.png) no-repeat scroll -510px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .blackberry {
    background:url(../images/mobile-app-normal.png) no-repeat scroll -340px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1:hover .apple { background: url(../images/mobile-app-hover.png) no-repeat -170px 0; }
.tab_box1:hover .blackberry { background: url(../images/mobile-app-hover.png) no-repeat -340px 0; }
.tab_box1:hover .win8 { background: url(../images/mobile-app-hover.png) no-repeat -510px 0; }
.tab_box1:hover .android { background: url(../images/mobile-app-hover.png) no-repeat 0 0; }
a.tab_box1:hover .tab_box_text { background: #0a646f; color: #fff;}

.tab_box1 .html5 {
    background:url(../images/web-design-normal.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .css3 {
    background:url(../images/web-design-normal.png) no-repeat scroll -170px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .photoshop {
    background:url(../images/web-design-normal.png) no-repeat scroll -340px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .illustration {
    background:url(../images/web-design-normal.png) no-repeat scroll -510px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1:hover .html5 { background: url(../images/web-design-hover.png) no-repeat 0 0; }
.tab_box1:hover .css3 { background: url(../images/web-design-hover.png) no-repeat -170px 0; }
.tab_box1:hover .photoshop { background: url(../images/web-design-hover.png) no-repeat -340px 0; }
.tab_box1:hover .illustration { background: url(../images/web-design-hover.png) no-repeat -510px 0; }


.tab_box1 .net_development {
    background:url(../images/web-development-normal.png) no-repeat scroll -340px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .java_development {
    background:url(../images/web-development-normal.png) no-repeat scroll -510px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .custom_development {
    background:url(../images/web-development-normal.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .php_development {
    background:url(../images/web-development-normal.png) no-repeat scroll -170px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1:hover .net_development { background: url(../images/web-development-hover.png) no-repeat -340px 0; }
.tab_box1:hover .java_development { background: url(../images/web-development-hover.png) no-repeat -510px 0; }
.tab_box1:hover .custom_development { background: url(../images/web-development-hover.png) no-repeat 0 0; }
.tab_box1:hover .php_development { background: url(../images/web-development-hover.png) no-repeat -170px 0; }


.tab_box1 .mobile_app {
     background:url(../images/web-development-normal2.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .web_portal {
   background:url(../images/web-development-normal2.png) no-repeat scroll -170px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .custom_crm {
     background:url(../images/web-development-normal2.png) no-repeat scroll -332px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .custom_erp {
     background:url(../images/web-development-normal2.png) no-repeat scroll -510px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}

.tab_box1:hover .mobile_app {background:url(../images/web-development-hover2.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
.tab_box1:hover .web_portal { background:url(../images/web-development-hover2.png) no-repeat scroll -170px 0 rgba(0, 0, 0, 0); }
.tab_box1:hover .custom_crm { background:url(../images/web-development-hover2.png) no-repeat scroll -332px 0 rgba(0, 0, 0, 0); }
.tab_box1:hover .custom_erp {  background:url(../images/web-development-hover2.png) no-repeat scroll -510px 0 rgba(0, 0, 0, 0); }




.tab_box1 .php_icon {
     background:url(../images/technology_normal.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .java_icon {
   background:url(../images/technology_normal.png) no-repeat scroll -170px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .database_icon {
     background:url(../images/technology_normal.png) no-repeat scroll -332px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .dot_net_icon {
     background:url(../images/technology_normal.png) no-repeat scroll -510px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}

.tab_box1:hover .php_icon {background:url(../images/technology_hover.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
.tab_box1:hover .java_icon { background:url(../images/technology_hover.png) no-repeat scroll -170px 0 rgba(0, 0, 0, 0); }
.tab_box1:hover .database_icon { background:url(../images/technology_hover.png) no-repeat scroll -332px 0 rgba(0, 0, 0, 0); }
.tab_box1:hover .dot_net_icon {  background:url(../images/technology_hover.png) no-repeat scroll -510px 0 rgba(0, 0, 0, 0); }






.tab_box1 .joomla_development {
    background:url(../images/open-source-normal.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .magento_development {
    background:url(../images/open-source-normal.png) no-repeat scroll -170px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .drupal_development {
    background:url(../images/open-source-normal.png) no-repeat scroll -340px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .wordpress_development {
    background:url(../images/open-source-normal.png) no-repeat scroll -510px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1:hover .joomla_development { background: url(../images/open-source-hover.png) no-repeat 0 0; }
.tab_box1:hover .magento_development { background: url(../images/open-source-hover.png) no-repeat -170px 0; }
.tab_box1:hover .drupal_development { background: url(../images/open-source-hover.png) no-repeat -340px 0; }
.tab_box1:hover .wordpress_development { background: url(../images/open-source-hover.png) no-repeat -510px 0; }


.tab_box1 .nopcommerce_development {
    background:url(../images/e-commerce-normal2.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
	background-position:18px;
}
.tab_box1 .ubercart_development {
    background:url(../images/e-commerce-normal2.png) no-repeat scroll -170px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .prestashop_development {
    background:url(../images/e-commerce-normal2.png) no-repeat scroll -340px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .virtuemart_development {
    background:url(../images/e-commerce-normal2.png) no-repeat scroll -510px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1:hover .nopcommerce_development { background: url(../images/e-commerce-hover2.png) no-repeat 0 0;  background-position:18px;}
.tab_box1:hover .ubercart_development { background: url(../images/e-commerce-hover2.png) no-repeat -170px 0; }
.tab_box1:hover .prestashop_development { background: url(../images/e-commerce-hover2.png) no-repeat -340px 0; }
.tab_box1:hover .virtuemart_development { background: url(../images/e-commerce-hover2.png) no-repeat -510px 0; }


.tab_box1 .seo_development {
    background:url(../images/seo-normal.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .sem_development {
    background:url(../images/seo-normal.png) no-repeat scroll -170px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .smm_development {
    background:url(../images/seo-normal.png) no-repeat scroll -340px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1 .oms_development {
    background:url(../images/seo-normal.png) no-repeat scroll -510px 0 rgba(0, 0, 0, 0);
    height: 190px;
    margin: 0 auto;
    transition: all 0.5s ease-in-out 0s;
    width: 170px;
}
.tab_box1:hover .seo_development { background: url(../images/seo-hover.png) no-repeat 0 0; }
.tab_box1:hover .sem_development { background: url(../images/seo-hover.png) no-repeat -170px 0; }
.tab_box1:hover .smm_development { background: url(../images/seo-hover.png) no-repeat -340px 0; }
.tab_box1:hover .oms_development { background: url(../images/seo-hover.png) no-repeat -510px 0; }

.services_mobile {
    background: url("../images/icon-tab-hover.png") no-repeat scroll 0 0 / 304px 38px rgba(0, 0, 0, 0);
    float: left;
    height: 38px;
    transition: all 0.1s ease 0s;
    width: 38px;
}
.services_design {
    background: url("../images/icon-tab-hover.png") no-repeat scroll -38px 0 / 304px 38px rgba(0, 0, 0, 0);
    float: left;
    height: 38px;
    transition: all 0.1s ease 0s;
    width: 38px;
}

.services_develop {
    background: url("../images/icon-tab-hover.png") no-repeat scroll -190px 0 / 304px 38px rgba(0, 0, 0, 0);
    float: left;
    height: 38px;
    transition: all 0.1s ease 0s;
    width: 38px;
}
.services_opensource {
    background: url("../images/icon-tab-hover.png") no-repeat scroll -266px 0 / 304px 38px rgba(0, 0, 0, 0);
    float: left;
    height: 38px;
    transition: all 0.1s ease 0s;
    width: 38px;
}
.services_ecommerce {
    background: url("../images/icon-tab-hover.png") no-repeat scroll -228px 0 / 304px 38px rgba(0, 0, 0, 0);
    float: left;
    height: 38px;
    transition: all 0.1s ease 0s;
    width: 38px;
}
.services_seo {
    background: url("../images/icon-tab-hover.png") no-repeat scroll -114px 0 / 304px 38px rgba(0, 0, 0, 0);
   float: left;
    height: 38px;
    transition: all 0.1s ease 0s;
    width: 38px;
}
#tabs {
overflow: hidden;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
#tabs li {
	float: left;
	margin: 0 1px 0 0;
	max-width:167px;
}
#tabs a {
float: left;
position: relative;
padding: 7px 12px;
height: 50px;
   border-radius: 0 30px 0 0;
line-height: 17px;
text-decoration: none;
color: #fff;
text-align:right;
/*border-right: 30px solid transparent;
border-bottom: 30px solid #3D3D3D;*/
border-bottom-color: #777\9;
opacity: .3;
filter: alpha(opacity=30);
background:#0A646F;
}
#tabs a:hover,  #tabs a:focus {
border-bottom-color: #2ac7e1;
opacity: 1;
filter: alpha(opacity=100);
}
#tabs a:focus {
outline: 0;
}
#tabs #current {
z-index: 3;
border-bottom-color: #3d3d3d;
opacity: 1;
filter: alpha(opacity=100);
}
/* ----------- */
#content {
background: #fff;
 border: 2px solid #0A646F;
padding: 2em;/*height: 220px;*/
overflow:auto;
}
#content h2,  #content h3,  #content p {
margin: 0 0 15px 0;
}

#content h4 {
    color: #656565;
    font-size:1.3em;
    font-weight: 100;
    margin: 0;
    padding: 0 0 5px;
	letter-spacing:-1px;
}
#content p
{
    color: #656565;
    font-size:.84em;
    font-weight: 100;
    margin: 0;
    padding: 0;
	text-align:justify;
/* Demo page only */
}

.tab_box_text {
 background: none repeat scroll 0 0 #EEEEEE;
    border-radius: 4px;
    color: #656565;
    font-size: 14px;
    height: auto;
    line-height: 50px;
    margin: 10px auto;
    text-align: center;
    text-decoration: none;
    transition: all 0.5s ease-in-out 0s;
    width: 240px;
}
#about {
color: #999;
text-align: center;
font: 0.9em Arial, Helvetica;
}
#about a {
color: #777;
}

.crm
{
width:172px;
height:auto;
float:left;
border:1px solid #CCCCCC;
margin-right:15px;
margin-bottom:5px;
}


.crm:hover
{
box-shadow: 0px 1px 5px #888888;
}

.crm img
{
margin:0px auto;
margin-left:10px;
}



.crm h1
{
font: bold 12px Arial, Helvetica, sans-serif;
color:#666666;
margin-left:5px;
}


.crm p
{
width:100%;
font:12px/18px Arial, Helvetica, sans-serif;
padding:3px;
}

.read-more
{
float:left;
font:12px Arial, Helvetica, sans-serif;
margin-bottom:15px;
margin-top:5px;
margin-left:5px;
}


.downloard-icon
{
margin-top:30px;
}


.downloard-icon a
{
width:150px;
height:54px;
display: block;
margin:0px auto;
margin-left:10px;
background:url(../images/download_btn2.png) no-repeat;

}

.downloard-icon a:hover
{
background:url(../images/download_btn3.png)no-repeat;
z-index:999;
}

.cont b{ font-weight: bold;}
.summer{width:177px;}

.manage-team{
float:left;
width:47%;
margin-right:2%;
margin-bottom:2%;
background: url("../images/chek.jpg") repeat scroll center top #FFFFFF;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1) inset;
}

.manage-team .last{
margin-right:0px;
}
.team-deatil h2{
padding-top:10px;}
.team-member{
width:40%;
margin-right:2%;
float:left;}





.portfolio_head{
	background: url(../images/port_bg.jpg) repeat;
	padding: 170px 0;
}

.portfolio_head h1{
    font-family: 'Bebas Neue';
	font-size: 200px;
	color: #fff;
	font-weight: 200;
	line-height: 160px;
	margin: 0;
	padding: 0;
}

.portfolio_head h4{
	font-family:'futurastd-bold';
	font-size: 24px;
	color: #fff;
	margin: 0 0 5px 0;
	padding:  0 0 5px 0;
	border-bottom: 3px solid #fff;
	width: auto;
	display: inline-block;
}

.portfolio_head h1 span{
	font-weight: 300;
}

.portfolio_list{
	text-align:center;
	margin: 0;
	padding: 20px 50px;
	margin-bottom:8px;
}

.portfolio_list ul{
	margin: 0;
	padding: 0;
}

.portfolio_list li{
	list-style: none;
	display:inline-block;
	padding:8px 30px;
    color: #616161;
    font-size: 16px;
	cursor: pointer;
	transition: all ease 0.3s;
}

.portfolio_list li.active, .portfolio_list li:hover{
    color: #fff!important;
	background:#105865!important;
}


#portfolio_filter .mix{
	display: none;
}

.categoriesFilterBox{
	margin: 0;
	padding: 0;
}

.categoriesFilterBox li{
	list-style: none;
	width: 33.333%;
}

.categoriesFilterBox li img{
	max-width: 100%;
	width: 100%;
}

.portfolio_content{
	background:#f4f4f4;
	padding:20px 0;
	background-attachment:fixed;
}

.portfolio_content ul{
	margin: 0;
	padding: 0;
}

.portfolio_content ul li {
	list-style: none;
	display: block;
	float: left;
	width: 22%;
	margin: 17px;
	overflow: hidden;
	text-align:center;
}

.portfolio_content ul li figure {
	position: relative;
}

.portfolio_content ul li a {
	color:#fff;
}
.portfolio_content ul li a img {
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	overflow:hidden;
}
/*.portfolio_content ul li a:hover {
	background:rgba(0,0,0,.5);
	width:100%;
	height:100%;
	display:block;
}*/
/*.portfolio_content ul li figcaption {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
	text-align:center;
	padding-top:10px;
	opacity:0;
	filter:alpha(opacity=0);

}
.portfolio_content ul li:hover figcaption {
	opacity:1;
	filter:alpha(opacity=100%);
}
.portfolio_content ul li:hover img {
	
}
.portfolio_content ul li figcaption h3 {
	color:#f1af23;
	font-size:18px;
	margin-bottom:20px;
}
.portfolio_content ul li figcaption i {
	color:#fff;
	font-size:30px;
}
.portfolio_content ul li figcaption p {
	color:#fff;
	font-size:12px;
	padding:0 10px;
}*/
/*.portfolio_content ul li figcaption{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(25,116,94, 0.7);
	opacity: 0;
	text-align: center;
	z-index: 30;
	transition: all ease 0.3s;
}

.portfolio_content ul li figure:hover figcaption{
	opacity: 1;
}

.portfolio_content ul li figure figcaption:before, .portfolio_content ul li figure figcaption:after{
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    transition: all ease 0.3s;
}

.portfolio_content ul li figure figcaption:before{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}

.portfolio_content ul li figure figcaption:after{
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(1,0);
}

.portfolio_content ul li figure:hover figcaption:before, .portfolio_content ul li figure:hover figcaption:after{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.portfolio_content ul li figure figcaption .expand, .portfolio_content ul li figure figcaption .link{
	display: inline-block;
	margin: 0px 5px;
	opacity: 0;
	transition: all ease 0.3s;
	position: relative;
	z-index: 50;
}

.portfolio_content ul li figure figcaption .expand{
    transition: all 0.3s;
    transform: translate3d(0,-200%,0);
}

.portfolio_content ul li figure figcaption .link{
    transition: all 0.6s;
    transform: translate3d(0,-200%,0);
}

.portfolio_content ul li figure:hover figcaption .expand, .portfolio_content ul li figure:hover figcaption .link{
    opacity: 1;
    transform: translate3d(0,250%,0);
}


.portfolio_content ul li figcaption .expand a, .portfolio_content ul li figcaption .link a{ 
	color: #fff;
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 25px;
	background: #105865;
	text-align: center;
	line-height: 50px;
	transition: all ease 0.3s;
	font-size: 18px;
}

.portfolio_content ul li figcaption .expand a i, .portfolio_content ul li figcaption .link a i{
	display: inline;
}

.portfolio_content ul li figcaption .expand a:hover, .portfolio_content ul li figcaption .link a:hover{
	background: #0a646f;
}
*/


/*.hexagon {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 222px;
	overflow: hidden;
	color: #fff;
	-webkit-mask-image: url('../images/portfolio/port.png');
	-moz-mask-image:: url('../images/portfolio/port.png');
	text-align: center;

}


.hexagon a {
	
}

.hexagon a figcaption {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
	background:rgba(10,99,101,0.5);
	text-align:center;
	padding:42% 0;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-ms-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}
.hexagon a:hover figcaption {
	opacity:1;
	filter:alpha(opacity=100%);
}
.hexagon a:hover img {
	-webkit-transform:scale(1.2) rotate(1deg);
	-moz-transform:scale(1.2) rotate(1deg);
	-ms-transform:scale(1.2) rotate(1deg);
	-o-transform:scale(1.2) rotate(1deg);
	transform:scale(1.2) rotate(1deg);
}
.hexagon a figcaption h3 {
	color:#fff;
	font-size:24px;
	margin-bottom:20px;
}
.hexagon a figcaption i {
	color:#fff;
	font-size:30px;
}
.hexagon a figcaption p {
	color:#fff;
	font-size:12px;
	padding:0 10px;
}*/
.clients .span_1_of_2 {
	box-shadow:none;
}
.client_sec img {
	width:204px;
}





/* 末末末末末末末末末末末末末末末末末末末末末末末末末
megamenu.js STYLE STARTS HERE
末末末末末末末末末末末末末末末末末末末末末末末末末 */


/* 末末末末末末末末末末末末末末末末末末末末末末末末末
Screen style's
末末末末末末末末末末末末末末末末末末末末末末末末末 */

.menu-container {
	float:right;
	margin: 8px 0 -1px 0;
}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f0c9";
    font-family: "FontAwesome";
    font-size: 30px;
	color:#333;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f0d7";
    font-family: "FontAwesome";
	font-size: 16px;
	color:#0A646F;
    display: none;
    cursor: pointer;
    float: right;
    padding: 8px 9px;

}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    padding: 0;
    margin: 0;
	color:#333;
	
}

.menu > ul > li a {
	font-size:14px;
	color:#333;
	text-transform:uppercase;
    text-decoration: none;
    padding:4px;
    display: block;
	font-weight:600;
}

.menu > ul > li:hover {
    background: #f0f0f0;
	
}

.menu > ul > li > ul {
    display: none;
    width: 60%;
    background: #f0f0f0;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

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

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 33%;
    background: none;
    float: left;
}

.menu > ul > li > ul > li a {
    color: #333;
    padding: .2em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc;
	text-transform:capitalize;
	font-size:13px;
}
/*.menu > ul > li > ul > li a:before {
    content: '\f105';
    font-family: 'FontAwesome';
    padding-right: 10px;
}*/
.menu > ul > li > ul > li a:hover {
	color:#0B646F;
}
.menu > ul > li > ul > li a.menu_head {
	font-size:14px;
	color:#0B646F;
	font-weight:600;
	padding:0 0 10px 0;
	width:130px;
}
.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

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

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 5px 0;
    margin: 0;
    font-size: .8em;
}
.menu > ul > li > ul > li > ul > li a {
    border: 0;
}
.menu > ul > li > ul.normal-sub {
    width: 283px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 8px 0;
	text-transform:capitalize;
}


/* 末末末末末末末末末末末末末末末末末末末末末末末末末
Mobile style's
末末末末末末末末末末末末末末末末末末末末末末末末末 */

@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
		padding: 3px 0;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        /* float: none; */
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
}

.top_img {
	display:block; 
    float: right;
}
a.whatsapp {
    margin-right: 5.5em;
}

#categories{
  overflow:hidden;
  width:90%;
  margin:0 auto;
}
.clr:after{
  content:"";
  display:block;
  clear:both;
}
#categories li{
  position:relative;
  list-style-type:none;
  width:14.857143%; /* = (100-2.5) / 3.5 */
  padding-bottom: 17.167601%; /* =  width /0.866 */
  float:left;
  overflow:hidden;
  visibility:hidden;
  margin:20px 31px;
  -webkit-transform: rotate(-60deg) skewY(30deg);
  -ms-transform: rotate(-60deg) skewY(30deg);
  transform: rotate(-60deg) skewY(30deg);
}
/*#categories li:nth-child(3n+2){
  margin:0 1%;
}
#categories li:nth-child(6n+4){
  margin-left:0.5%;
}*/

#categories li *{
  position:absolute;
  visibility:visible;
}
#categories li > div{
  width:100%;
  height:100%;
  text-align:center;
  color:#fff;
  overflow:hidden;
  
  -webkit-transform: skewY(-30deg) rotate(60deg);
  -ms-transform: skewY(-30deg) rotate(60deg);
  transform: skewY(-30deg) rotate(60deg);
  
	-webkit-backface-visibility:hidden;
  
}

/* HEX CONTENT */
#categories li img{
  left:-100%; right:-100%;
  width: auto; height:100%;
  margin:0 auto;   
}

#categories div h1, #categories div p{
  width:100%;
  padding:0 5%;
  background-color:#008080; background-color: rgba(0, 128, 128, 0.8);
  font-family: 'Raleway', sans-serif;
  
  -webkit-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
  -ms-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
  transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
}
#categories li h1{
  bottom:110%;
  font-weight:normal;
  font-size:20px;
  padding-top:100%;
  padding-bottom:100%;
}
/*#categories li h1:after{
	content: "\f0c1";
	font-family: FontAwesome;
	display:block;
	position:absolute;
	bottom:-1px; left:45%;
	width:10%;
	text-align:center;
	z-index:1;
}*/
#categories li p {
	padding-top:50%;
	top:110%;
	padding-bottom:50%;
	font-size:30px;
	text-align:center;
}
#categories li p i {
	position:absolute;
	top:-10px;
	left:-12px;
}
/* HOVER EFFECT  */

#categories li div:hover h1 {
  bottom:50%;
  padding-bottom:5%;
}

#categories li div:hover p{
  top:50%;
  padding-top:10%;
}
#fork{
  position:fixed;
  top:0;
  left:0;
  color:#000;
  text-decoration:none;
  border:1px solid #000;
  padding:.5em .7em;
  margin:1%;
  transition: color .5s;
  overflow:hidden;
}
#fork:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 130%; height: 100%;
  background: #000;
  z-index: -1;
  transform-origin:0 0 ;
  transform:translateX(-100%) skewX(-45deg);
  transition: transform .5s;
}
#fork:hover {
  color: #fff;
}
#fork:hover:before {
  transform: translateX(0) skewX(-45deg);
}
    

.social-media li {
float:left
}
.social-media li i {
	color:#333;
}
/*PIC*/
.pic {
  height: 40px;
  width:40px;
  overflow: hidden;
  margin: 0px 6px;
  border: 3px solid white;

 /* -webkit-box-shadow: 5px 5px 5px #111;
  box-shadow: 5px 5px 5px #111;*/
  float: left;
}

.pic:hover {
  cursor: pointer;
}
.pic img{
width:100%;}
/*MORPH*/
.morph {
  -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;
}

.morph:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}


.skill_block{
	text-align: center;
}

.skill_block .chart p{
	font-size: 50px;
}

.skill_block .chart p sup{
	top: -25px;
	font-size: 15px;
}

.skill_details h4{
	font-size: 22px;
}

.chart {
	position: relative;
	padding: 0 10px;
	display: block;
	margin: 0 auto;
	width: 170px;
	height: 170px;
	text-align: center;
	line-height: 170px;
}

.chart canvas{
	position: absolute;
	top: 0;
	left: 0;
}
.plan_box {
	border:solid 1px #ddd;
	border-radius:5px;
	margin-bottom:30px;
	position:relative;
	cursor:pointer;
}
.plan_box h2 {
	font-size:22px;
	color:#fff;
	font-weight:800;
	text-align:center;
	background:#0a646f;
	border-bottom:solid 3px #02505a;
	border-radius:5px 5px 0 0;
	margin:0px;
	padding:10px 0;
	text-transform:uppercase;	
}
.plan_box h3 {
	font-size:22px;
	color:#fff;
	font-weight:800;
	text-align:center;
	background:#c34a70;
	border-bottom:solid 3px #b62f59;
	border-radius:5px 5px 0 0;
	margin:0px;
	padding:10px 0;
	text-transform:uppercase;	
}
.plan_box ul {
	margin:0px;
	padding:0px;
}
.plan_box ul li {
	list-style:none;
	display:block;
	font-size:15px;
	color:#333;
	padding:14px 0;
	text-align:center;
}
.plan_box li:nth-of-type(2n+1) {
	background:rgba(23, 61, 80, 0.06);
}
.plan_box figcaption {
	position:absolute;
	bottom:0;
	background:rgba(0,30,34,.8);
	padding:10px;
	width:100%;
	opacity:0;
	height:20px;
	overflow:hidden;
}
.plan_box:hover figcaption {
	opacity: 1;
	height:60px;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-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;
}
.plan_box:hover figcaption .order {
	text-align:center;
	position:relative;
	display:inline-block;
}
.plan_box:hover figcaption .order a {
	font-size:16px;
	color:#fff;
	font-weight:600;
	text-transform:uppercase;
	text-align:center;
	padding:10px 20px;
	display:block;
	background:#c34a70;
	border-radius:5px;
}
.plan_box:hover figcaption .order a:hover {
	background:#fff;
	color:#c34a70;
}
@media only screen and (min-width: 320px) and (max-width: 480px) {

.portfolio_content ul li {
	width:100%;
}
.header {
	position:absolute;
}
.menu > ul > li a {
	padding:6px 15px;
}



}


@media only screen and (min-width: 768px) and (max-width: 1024px) {

.portfolio_content ul li {
	width:43%;
}

}



.zoom {
	font-size:30px;
}


.shape {
	width: 240px;
	height: 240px;
	position: relative;
}
		
	.shape .overlay2 {
		display:block;
		width: 250px;
		height: 250px;
		position: absolute;
		top:-5px;
		left:-5px;
		-webkit-transform: scale(1,1);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 0.6s;
		-moz-transform: scale(1,1);
		-moz-transition-timing-function: ease-out;
		-moz-transition-duration: 0.6s;
		transform: scale(1,1);
		transition-timing-function: ease-out;
		transition-duration: 0.6s;				
		z-index:500;
		/* allow user to actually perform actions underneath this layer */
		pointer-events:none; 
		background-repeat: no-repeat;
		outline:0;		
	}

/* different shapes */
.shape .overlay2.round {
	background: url(round.png);		
}

.shape .overlay2.hexagon {
	background:url(../images/portfolio/hexagon.png);
}

.shape .overlay2.pentagon {
	background: url(pentagon.png);
}			

/* hover effect */
.shape:hover .overlay2 {
	-webkit-transform: scale(1.07,1.07);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 0.3s;
	-moz-transform: scale(1.07,1.07);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 0.3s;
}


.shape:hover .bg {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  display:block;
}

.shape:hover .details {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
	z-index:450;
  display:block;	
}	
		
		

/* content styles */
.shape .bg, 
.shape .details {
	position: absolute;
	width: 240px;
	height:240px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;				
	display:none;  
}		

.shape .bg {
	background: #2b98a5;		
}

.shape .details span.heading {	
	font-size:26px;
	display:block;
	margin-top:70px;
	color:#fff;
	text-decoration:none;
}

.shape .details p {	
	color:#fff;
	width: 70%;
	font-size:14px;
	margin:0 auto;
}

.shape a.button {
	padding:5px 15px;	
	font-size:12px;	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	background: #2f3644;
	text-decoration:none;
	color:#fff;
	display:block;
	width:50px;
	margin:0 auto;
	text-align:center;
	margin-top:15px;
}

.shape a.button:hover {
	background: #fff;
	color: #2f3644;				
}

.devloper h3 { font-size: 20px; font-weight:600; margin: 20px 0; color:#C44A70; }
.inner_head {
	font-size:22px;
	color:#0A646F;
	margin:46px 0 20px 0!important;
	padding:0 0 12px 0;
	border-bottom:solid 1px #ddd;
	position:relative;
}
.inner_headd {
    font-size: 22px;
    color: #0A646F;
    margin: 46px 0 20px 0!important;
    padding: 0 0 12px 0;
    border-bottom: solid 1px #ddd;
    position: relative;
}
.inner_headd:before {
	position:absolute;
	content: '';
	bottom:-2px;
	left:0;
	width:60px;
	height:3px;
	background:#105865;	
}
.inner_head:before {
	position:absolute;
	content: '';
	bottom:-2px;
	left:0;
	width:60px;
	height:3px;
	background:#105865;	
}
.margin_0 {
	margin:0px!important;
}
.marginb_20 {
	margin-bottom:20px!important;
}
.margin_left0 {
	margin-left:0px;
}
.margin_top_20 {
	margin-top:20px!important;
}
.expertise_box {
	text-align:center;
	margin-top:20px;
}
.expertise_box img {
	width:94px!important;
	height:80px!important;
	margin:0px;
	padding:0px;
}
.expertise_box h3 {
	font-size:44px;
	color:#a4a4a4;
	font-weight:600;
	margin:0 0 5px 0;
	padding:0 0 0 0;
}
.expertise_box p {
	font-size:16px;
	color:#a3a3a3;
	font-weight:600;
	margin:0px;
	padding:0px;
	text-align:center;
}
.social_icons {
	margin:0 0 5px 0;
	text-align:left;
}
.newdate {
	color:#333;
	font-weight:600;
	font-size:13px;
}
.social_icons ul {
	margin:0px;
	padding:0px;
}
.social_icons ul li {
	list-style:none;
	display:inline-block;
	margin:0 3px;
	padding:0px;
	background:none;
}
.social_icons ul li img {
	width:50px;
	height:50px;
}
.google_play {
}
.google_play ul {
	margin:0px;
	padding:0px;
}
.google_play ul li {
	list-style:none;
	display:block;
	margin:0;
	padding:0px;
	background:none;
}
.google_play ul li a {
	display:block;
}
.google_play ul li img {
	width:179px;
	height:53px;
}
.port_block {
	padding: 5px;
	border-radius: 7px;
	box-shadow: 0 0 2px #0B636F;
}
.port_block img {
	width:100%;
}

.client_block .col_1_of_4 {
	margin:0px!important;
}

.img_box {
	background:#fff;
	padding:0;
	position:relative;
	overflow:hidden;
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	cursor:pointer;
	min-height:120px;
}
.img_box:nth-child(4n) {
	border-right:none;
}
.img_box figure {
	position:relative;
}
.img_box figure img {
	width:100%;
	padding: 25px 15px;
	border:none;
}
.img_box figure figcaption {
	position:absolute;
	bottom:0;
	background:rgba(10,100,111,.8);
	padding:10px;
	width:100%;
	opacity:0;
	height:20px;
	overflow:hidden;
}
.img_box figure:hover figcaption {
	opacity: 1;
	height:100%;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-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;
}
.img_box:hover figcaption p {
	color:#fff;
}
.img_box:hover figcaption h2 {
	font-size:20px;
	color:#fff;
	margin:35px 0 0 0;
	padding:0px;
	text-align:center;
}
.margin_top_20 {
	margin-top:20px;
}
.testimonial_block {
	background:#fff;
	padding:25px 20px 25px 63px;
	position:relative;
	-moz-box-shadow:    inset 0 0 5px #cdcdcd;
   -webkit-box-shadow: inset 0 0 5px #cdcdcd;
   box-shadow:         inset 0 0 5px #cdcdcd;
	border-radius:5px;
	margin-bottom:20px;
	margin-left:70px;
}
.testimonial_block img {
	width:120px;
	height:120px;
	border-radius:50%;
	border:solid 1px #ccc;
	position:absolute;
	top:20px;
	left:-69px;
	background:#fff;
	padding:6px;
}
.testimonial_block h2 {
	font-size:16px;
	color:#0a646f;
	font-weight:600;
	margin:0 0 3px 0;
	padding:0px;
}
.testimonial_block p {
	font-size:14px;
	color:#333;
	text-align:justify;
	margin:0px;
	padding:0 0 5px 0;
	line-height:22px;
}
.date_t {
	text-align:right;
	font-size:14px;
	color:#105865;
	font-weight:600;
}
.contact_block {
}
.contact_form {
	webkit-box-shadow: 1px 4px 21px -6px rgba(0,0,0,0.35);
    -moz-box-shadow: 1px 4px 21px -6px rgba(0,0,0,0.35);
    box-shadow: 1px 4px 21px -6px rgba(0,0,0,0.35);
	padding:20px;
	margin-bottom:20px;
}
.contact_block h2 {
	font-size:22px;
	color:#333;
	text-align:center;
	font-weight:600;
	margin:0 0 5px 0;
	padding:0px;
}
.contact_form .span_1_of_2 {
	box-shadow:none;
}
.contact_form fieldset {
}
.contact_form h2 {
	font-size:20px;
	color:#333;
	margin:0 0 5px 0;
	padding:0px;
}
.contact_form label {
	font-size:14px;
	color:#696969;
	font-weight:600;
	margin:0 0 3px 0;
	display:block;
}
.contact_form input[type="text"] {
	width:95%;
	border: 1px solid #ddd;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

    padding:10px;
	border-radius:5px;
	outline:none;
 
}
.contact_form select {
	width:100%;
	border: 1px solid #ddd;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

    padding:10px;
	border-radius:5px;
	outline:none;
 
}
.contact_form textarea {
	width:95%;
	border: 1px solid #ddd;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

	border-radius:5px;
    padding: 6px 10px;
	outline:none;
}

.contact_form input[type="submit"] {
	background:#0A646F;
	padding:12px 24px;
	border:none;
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
	border-radius:5px;
	width:auto;
}
.contact_form input[type="submit"]:hover {
	background:#5f5f5f;
	
}
.margin_top_15 {
	margin-top:15px!important;
}



.address_block .span_1_of_2 {
	box-shadow:none!important;
}
.address_block h2 {
	font-size:16px;
	color:#297d7d;
	font-weight:600;
	margin:0 0 8px 0;
	padding:0px;
}
.address_block p {
	font-size:14px;
	color:#606060;
	margin:0 0 5px 0;
	padding:0px;
}

.pop_up {
	display:none;
	background:#fff;	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	width:579px;
	margin:0 auto;
	
}

.order_pop_up {
	position:relative;
	border-radius: 5px;
    overflow: hidden;
	padding:10px;
}
.order_pop_up h1 {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    line-height: 30px;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
    text-transform: uppercase;
    border-bottom: solid #ddd 1px;
}
.order_pop_up fieldset {
	display:block;
	margin-bottom:12px;
}
.order_pop_up fieldset label {
	font-size:14px;
	color:#333;
	margin:0 0 3px 0;
}
.order_pop_up fieldset input[type="text"] {
	width:100%;
	border:solid 1px #ddd;
	padding:8px 5px;
	border-radius:3px;
}
.order_pop_up fieldset input[type="submit"] {
	background:#21717b;
	font-size:16px;
	color:#fff;
	outline:none;
	text-transform:uppercase;
	display:inline-block;
	border-radius:3px;
	padding:10px 14px;
	width:auto;
}




.margin-bottom-sm {
	margin-bottom:20px!important;
}
.login_button {
	width:100%;
	font: normal 15px 'open sans', Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    background-color: #fe9a01;
    border: none;
    cursor: pointer;
    margin: 0 0 20px 0;
    background:#f79225;
}







@media only screen and (min-width: 320px) and (max-width: 480px) {
.portfolio_list li {
		display:block;
}


}







.mainBox { width: 100%; display: table; }

.view-first { float: left; text-align: center; padding-top:30px; }

.view-first img { 
    transition: all 0.2s linear;
}
.view-first .mask {
    opacity: 0;
    background-color: rgba(219,127,8, 0.7); 
    transition: all 0.4s ease-in-out;
}
.view-first h2 {
    text-align: center;
}
.view-first p { 
	font-size:12px; 
    transform: translateY(100px);
    opacity: 0;
	transition: all 0.2s linear;
}
.view-first a.info{
	color:#fff;
	font-size:14px;
    opacity: 0;
	transition: all 0.2s ease-in-out;
}


.view-first:hover img { 
	transform: scale(1.1);
} 
.view-first:hover .mask { 
	opacity: 1;
}
.view-first:hover h2 {opacity: 0;}
/*.view-first:hover h2,*/
.view-first:hover p {

	text-align:center;
    opacity: 1;
    transform: translateY(0px);
	color:#fff;
}

.view-first:hover a.info {
	color:#fff;
    opacity: 1;
    transform: translateY(0px);
	font-size:14px;
}



.view-first:hover p {
	background:#4d4d4d;
	opacity:0.8;
	top:-100px;
    transition-delay: 0.1s;
}
.view-first:hover a.info {
    transition-delay: 0.2s;
}

.view-first a:hover{
	color:#fff;
	}


.mrgn { margin-left: 40px; }



.right {
    float: right;
    margin-right: 35px;
}





.next-previous {display:table; float:right;}

.next-previous ul{
	list-style:none;
	margin:0 10px 10px 0;
	 }
.next-previous ul li a:hover{
	
	color:#0a646f;}
	



.top_img a span { display:none; opacity:0; }

.top_img a span:hover { display:table; opacity:1; }



.main-box { width:100%; display:table; }
.location-box { width:70%; display:table; float:left; }
.location-box h1 { font-size:30px; font-weight:600; color:#115a65; margin-bottom:20px; }
.location-box h1 span { border-bottom:3px solid #b8486c; }
.location-box p { font-size:13px; color:#333; line-height:24px; text-align:justify; }

.logo-design img { max-width:100%; }








.query-box { width:30%; float:left; display:table; }


.form-container div, .form-container  span{
    font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
}

.form-container ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #999;
}

.form-container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #999;
   opacity:  1;
}

.form-container ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #999;
   opacity:  1;
}

.form-container :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999;
}

.form-container :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:  #999;
}

.oauth-buttons {
    text-align:center;
}
.row1 {
	text-align:center;
}
#login-form{
 min-width:375px;   
}
.login-container{
	width:400px;
	height:330px;
	display:inline-block;
	margin-top: -165px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -200px;
}
.form-container .create-account:hover{
	opacity:.7;
}
.form-container .create-account{
	color:inherit;
	margin-top: 15px;
    display: inline-block;
	cursor:pointer;
	text-decoration:none;
}

.oauth-buttons .fa{
	cursor:pointer;
	margin-top:10px;
	color:inherit;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	margin:5px;
	margin-top:15px;
}
.oauth-buttons .fa:hover{
	color:white;
}
.oauth-buttons .fa-google-plus:hover{
	background: #dd4b39;
}
 .oauth-buttons .fa-facebook:hover{
	background:	#8b9dc3;
}

.oauth-buttons .fa-linkedin:hover{
	background:	#0077b5;
}

.oauth-buttons .fa-twitter:hover{
	background:	#55acee;
}

.form-container .req-input .input-status {
    display: inline-block;
    height: 40px;
    width: 40px;
    float: left;	
}
.form-container .input-status::before{
	content: " ";
	height:20px;
	width:20px;
	position:absolute;
	top:10px;
	left:10px;
	color:white;
	border-radius:50%;
	background:white;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	
}

.form-container .input-status::after{
	content: " ";
	height:10px;
	width:10px;
	position:absolute;
	top:15px;
	left:15px;
	color:white;
	border-radius:50%;
	background:#105865;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.form-container .req-input{
	width:100%;
    float:left;
	position:relative;
	background:#b4496a;
	height:40px;
	display:inline-block;
	border-radius:0px;
	margin:5px 0px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.form-container div .row .invalid:hover{
	background:#EF9A9A;
}

.form-container div .row .invalid{
	background:#E57373;
}

.form-container .invalid .input-status:before {
	width:20px;
	height:4px;
	top:19px;
	left:10px;
	background:white;/*#F44336;*/
	border-radius:0px;
	 -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.form-container .invalid .input-status:after {
	width:20px;
	height:4px;
	background:white;
	border-radius:0px;
	top:19px;
	left:10px;
	 -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
}

.form-container div .row  .valid:hover{
	background:#A5D6A7;
}

.form-container div .row .valid {
	background:#81C784;
	
}

.form-container .valid .input-status:after {
	border-radius:0px;
    width: 17px;
    height: 4px;
    background: white;
    top: 16px;
    left: 15px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.form-container .valid .input-status:before {
	border-radius:0px;
    width: 11px;
    height: 4px;
	background:white;
    top: 19px;
    left: 10px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.form-container .input-container{
	padding:0px 20px;
}

 .form-container .row-input{
	padding:0px 5px;
}

.form-container .req-input.input-password{
	margin-bottom:0px;
}
.form-container .req-input.confirm-password{
	margin-top:0px;
}

.form-container {
	margin:20px;
	padding:20px;
	border-radius:0px;
	background:#105865;
	color:#fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.form-container .form-title{
	font-size:25px;
	color:inherit;
	text-align:center;
	margin-bottom:10px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.form-container .submit-row{
	padding:0px 0px;
}

.form-container .btn.submit-form{
	margin-top:15px;
	padding:12px;
	background:#105865;
	color:white;
	border-radius:0px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.form-container .btn.submit-form:focus{
	outline:0px;
	color:white;
}

.form-container .btn.submit-form:hover{
	background:#b4496a;
	color:white;
}

.form-container .tooltip.top .tooltip-arrow {
	border-top-color:#105865 !important;
}

.form-container .tooltip.top.tooltip-invalid .tooltip-arrow {
	border-top-color:#E57373 !important;
}

.form-container .tooltip.top.tooltip-invalid .tooltip-inner::before{
	background:#E57373;
}
.form-container .tooltip.top.tooltip-invalid .tooltip-inner{
	background:#FFEBEE !important;
	color:#E57373;
}

.form-container .tooltip.top.tooltip-valid .tooltip-arrow {
	border-top-color:#81C784 !important;
}

.form-container .tooltip.top.tooltip-valid .tooltip-inner::before{
	background:#81C784;
}
.form-container .tooltip.top.tooltip-valid .tooltip-inner{
	background:#E8F5E9 !important;
	color:#81C784;
}

.form-container .tooltip.top .tooltip-inner::before{
	content:" ";
	width:100%;
	height:6px;
	background:#105865;
	position:absolute;
	bottom:5px;
	right:0px;
}
.form-container .tooltip.top .tooltip-inner{
	border:0px solid #105865;
	background:#E0F7FA !important;
	color:#00ACC1;
	font-weight:bold;
	font-size:13px;
	border-radius:0px;
	padding:10px 15px;
}
.form-container .tooltip {
	max-width:150px;
	opacity:1 !important;
}

.form-container .message-box{
	width:100%;
	height:auto;
}

.form-container textarea:focus,.form-container textarea:hover{
	background:#fff;
	outline:none;
	border:0px;
}

.form-container .req-input textarea {
	max-width:calc(100% - 50px);
    width: 100%;
    height: 80px;
    border: 0px;
    color: #777;
    padding: 10px 9px 0px 9px;
	float:left;
	
}
.form-container input[type=text]:focus, .form-container input[type=password]:focus, .form-container input[type=email]:focus, .form-container input[type=tel]:focus, .form-container select{
    background:#fff;
	color:#777;
	border-left:0px;
	outline:none;
}

.form-container input[type=text]:hover,.form-container input[type=password]:hover,.form-container input[type=email]:hover,.form-container input[type=tel]:hover, . form-container select{
	background:#fff;
}

.form-container input[type=text], .form-container input[type=password], .form-container input[type=email],input[type=tel], form-container select{
	width:calc(100% - 50px);
	float:left;
	border-radius:0px;
	border:0px solid #ddd;
	padding:0px 9px;
	height:40px;
	line-height:40px;
	color:#777;
	background:#fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}





.facts-main { width:100%; display:table; margin-top: 50px; margin-bottom: 30px; }

.facts-box { width:40%; display:table; text-align:center; }
.facts-box h2 { font-size:30px; color:#115a67; font-weight:600; margin:20px 0; }
.facts-box h2 span { color:#b5496b; }
.facts-box .img-box { width:50%; float: left; text-align:center; margin: 10px 0; }
.facts-box img {height: 80px !important;
    margin: 0;
    padding: 0;
    width: 94px !important;}
}




@media only screen and (min-width: 320px) and (max-width: 480px)  {

.location-box { width:100%; }	
.query-box { width:100%; }	
.facts-box { width: 100%; }	


.logo-design img { max-width:50%; }	
	
	
}



@media only screen and (min-width: 1024px) and (max-width: 768px) {
	
.location-box { width:100%; }	
	
.query-box { width:100%; }	
	
}

.margin-left { margin-left: 50px; }

.logo-design img { max-width:40%; float:left; }

.content-box  { text-align:center; margin:0px 0 20px; padding: 20px;}
.content-box h2 { font-size:30px; color:#0A646F; }


.content-box span {width:60px; margin:0 auto; height:3px; background:#C34A70; display:table; margin-top:10px;}
.content-box p { font-size: 13px; line-height: 24px; color:#777; margin-top: 20px; text-align:justify; }

.img-main {padding: 20px; margin:0 auto; display: table; }

.img-main h3 { font-size: 20px; font-weight:600; color:#C34A70; margin: 0 0 20px 5px; }


.image-box { float:left; }

.image-box h4 { font-size: 16px; font-weight:600; margin-top: 10px; padding: 10px; }

.features h2 { font-size:30px; color:#0A646F; text-align:center;}
.features span {width:60px; margin:0 auto; height:3px; background:#C34A70; display:table; margin-top:10px;}

.features-main { width:1180px; display:table; margin-top: 20px; margin:0 auto;}
.iot-features p { text-align:left; line-height: 24px; font-size:13px; }




@media screen and (max-width: 360px) and (min-width: 320px) {
  .image-box
  {
	 width: 245px;
    height: auto;
}
  
}








.content-box1  { text-align:center; }
.content-box1 h3 { font-size:30px; color:#b24667;padding: 40px 0px 30px 0px;}

.content-box1 h3 span { color:#0A646F; border-bottom: 3px solid #b24969;  }

.inlineform 
{
	text-align:center;
}
.inlineform input
{
	width: 100%;
	margin:10px;
	border:1px solid #b24969;
	border-radius:5px;
}
.inlineform textarea
{
	width: 100%;
	margin:10px;
	border:1px solid #b24969;
	border-radius:5px;
}
.inlineform button
{
margin: 10px;
background: #01505d;
border: 1px solid #b24969;
width: 50%;
text-align: center;
color:#fff;
	
}


.bord-rght
{
	border-right: 2px solid #ccc;
}
.cover h3
{
color: #01505D;
font-size: 30px;
padding: 10px 0px;
}

.cover a
{
	color:#b24667;
	font-size:16px;
	font-weight:600;
}

.careerform input
{
	border: 1px solid #b24667;
border-radius: 10px;
margin:15px 0;
}
.careerform textarea
{
	border: 1px solid #b24667;
border-radius: 10px;
margin:15px 0;
}

.careerform input
{
font-size: 15px;
}

/*-------------------------hover effects------------------------------------*/



.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;

}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;

}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
filter: grayscale(0%);
-webkit-filter: grayscale(0) !important;
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
 -webkit-filter: blur(0px);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

.grow img {
  height: 192px;
  width: 362px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 387px;
  height: 205px;
}

/*------------ End hover effect---------------------------*/


.marginhover h3:hover
{
	margin-left:5px;
	color:#C44A70;
}

.marginhover h4:hover
{
	margin-left:5px;
	color:#C44A70;
}
.marginhover h2:hover
{
	margin-left:5px;
	color:#C44A70;
}
.marginhover h1:hover
{
	margin-left:5px;
	color:#C44A70;
}

.devloper li
{
font-size: 0.84em;
line-height: 1.8em;
color: #656565;
font-weight: 100;
margin-left: 20px !important;
text-decoration: none;
line-height: 20px;
}

.span_2_of_about ul {
    padding: 0 0 0 0px; !important;
	color: #656565;
	line-height: 30px;
}


.list-quotes {
    cursor: pointer;
    height: auto;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    display: block;
    border-bottom: 1px solid blue;
}
.list-quotes img,
.list-quotes h1 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
.list-quotes img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.list-quotes h1{
    background: rgba(20,31,44,0.8);
    bottom: 30px;
    float: right;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 15px;
    position: absolute;
    margin: 0;
}
.quotes h1
{
color:#0a646f;
font-weight:600px;
}

.quotes h3
{
color:#0a646f;
font-weight:600px;
font-size:24px;
}


.quotes p
{
color:#656565;
line-height:26px;
}

.list-quotes p {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: 0;
    padding: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,50px,0);
    transform: translate3d(0,50px,0);
    font-size: 15px;
    font-weight: normal;
    background: rgba(51,153,153,0.8);
    width: 100%;
    color: #fff;
}
.list-quotes:hover img {
    -webkit-transform: translate3d(0,-80px,0);
    transform: scale(1.2);
    transition: all 250ms ease;
}
.list-quotes:hover{
    box-shadow: 0 0 5px 2px rgba(51,153,153, 0.5);
}
.list-quotes:hover h1 {
    -webkit-transform: translate3d(0,-100px,0);
    transform: translate3d(0,-100px,0);
    text-shadow: 0px 0 15px #fff;
    transition: all 250ms ease;
}
.list-quotes:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.quotes span{
    color:#222;
    font-weight: bold;
    text-transform: capitalize;
    color: #fff;
}


ul.contnt { width:30%; float:left; }

.img-crm { width:50%; float:left; }

.sales { font-size:15px; font-weight:600; }  

.sales:hover { color:#0A646F; }

.our-feature { display:flex; margin-bottom:40px; }

.center { text-align:center; float:left; }

.center img { width:50px; height:50px; transition: all 1s ease; }

.center:hover img { width:70px; height:70px; transition: all 1s ease; }

.center h4 { font-size:16px; font-weight:600; margin-top:10px; }

.inner_head span { float:right; }




.text h3:hover
{
	margin-left:5px;
	color:#C44A70;
}
.morph {
  -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;
}
 
.morph:hover {
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.grow img {
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.grow img:hover {
  width: 190px;
  height: 70px;
}


.media {
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.media__image { display: block; }

.media__body {
  background: rgba(196, 74, 112, 0.7);
  bottom: 0;
  color: white;
  font-size: 1em;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 3.75em 3em;
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.media__body:hover { opacity: 1; }

.media__body:after,
.media__body:before {
  border: 1px solid rgba(255, 255, 255, 0.7);
  bottom: 1em;
  content: '';
  left: 1em;
  opacity: 0;
  position: absolute;
  right: 1em;
  top: 1em;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}

.media__body:before {
  border-bottom: none;
  border-top: none;
  left: 2em;
  right: 2em;
}

.media__body:after {
  border-left: none;
  border-right: none;
  bottom: 2em;
  top: 2em;
}

.media__body:hover:after,
.media__body:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.media__body h2 { margin-top: 0; }

.media__body p { margin-bottom: 1.5em; }




.full-cntr { width:100%; }

.img-work { margin:10px 0; }

.work { text-align:center; }

.top { margin:8px 0 0 0; }

.bottom { margin-bottom:20px; }


.list { text-align:left; font-size:30px; padding:20px 0; }
.list a { margin:20px 10px; }

.img-work { float:left; padding-right:5px; }
.img-work1 { float:left; padding-left:5px; }



.pop_up2 { text-align:center; }

.service-tax { margin-top:10px; }
.service-tax p { margin-bottom:5px; }
.service-tax p span { color:#0A646F; } 

table { font-family:"Open Sans",sans-serif;}

.logo-design { border:none; }

.list-quotes { margin:0; }



.lefe-cntnt { text-align:left; }



.table-bordered {
border: 1px solid #dddddd;
border-collapse: separate;
border-left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.table {
width: 100%;
margin-bottom: 20px;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
display: table;
}

.widget.widget-table .table {
margin-bottom: 0;
border: none;
}

.widget.widget-table .widget-content {
padding: 0;
}


.widget .widget-header + .widget-content {
border-top: none;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.widget .widget-content {
padding: 20px 15px 15px;
background: #FFF;
border: 1px solid #D5D5D5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.widget .widget-header {
position: relative;
height: 40px;
line-height: 40px;
background: #E9E9E9;
background: -moz-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e9e9e9));
background: -webkit-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
background: -o-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
background: -ms-linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
background: linear-gradient(top, #fafafa 0%, #e9e9e9 100%);
text-shadow: 0 1px 0 #fff;
border-radius: 5px 5px 0 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.1),inset 0 1px 0 white,inset 0 -1px 0 rgba(255,255,255,0.7);
border-bottom: 1px solid #bababa;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
border: 1px solid #D5D5D5;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-background-clip: padding-box;
}

thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit;
}

.widget .widget-header h3 {
top: 2px;
position: relative;
left: 10px;
display: inline-block;
margin-right: 3em;
font-size: 14px;
font-weight: 600;
color: #555;
line-height: 18px;
text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}

.widget .widget-header [class^="icon-"], .widget .widget-header [class*=" icon-"] {
display: inline-block;
margin-left: 13px;
margin-right: -2px;
font-size: 16px;
color: #555;
vertical-align: middle;
}




.abt-box { width:46%; box-shadow:none; text-align:center; }

.abt-box:hover { box-shadow:none; }

.del-box img { text-align:center; width:200px; }

.del-box img {
  height:50px;
  width: 50px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}





.del-box h4 { text-align:center; font-size:20px; font-weight:600; }

.del-box p { float:left; font-size:0.84em; color:#656565; text-align:justify; font-weight:normal; margin-left:10px; }

.plans { padding-left:0; }

.plans li { line-height:24px; font-size:14px; }


.odrbtn { padding:10px; border-radius:5px; background:#C44A70; color:#fff; }

.mt20{ margin-top:20px; }
.effect { box-shadow:none; }

.effect:hover { box-shadow: 0 0 5px #000; }


@media(max-width:767px){
.border a{
	line-height:0px !important;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    width: 94%;
}
.open-button {
    background-color: #337180;
    color: white;
    padding: 15px 17px !important;
    border: none;
    cursor: pointer;
    position: fixed;
    bottom: 12px !important;
    right: -2px !important;
    width: 154px;
    z-index: 9999;
    border-radius: 12px;
    font-weight: 800;
}
.inner_head { 
    margin: 0px 0 20px 0!important;
}
.inner_headd {
    margin: 12px 0 20px 0!important;
}
.jssocials-shares {
    margin: 2.2em 0 !important;
}
.plans {
    padding-bottom: 16px !important;
}
.wrap-embed-contact-form a.btn-show-contact {
    display: inline-block;
    text-decoration: none;
    position: absolute;
    top: 50%;
    left: -124px !important;
    margin-top: -86px;
	transform: rotate(90deg)!important;
}
.content-bottom {
    margin-top: 297% !important;
}
.marginhover{
	margin: 32px 0px !important;
}
.block_b{
	margin-bottom: 2em !important;
}
.abt-box {
    width: 100% !important;
    margin-top: 0px !important;
}
.about-desc p {
    width: 100% !important;
    color: #000 !important;
	padding: 2.5em 0 !important;
}
.main{
    margin-top: 40px !important; 
    border-bottom: 0px solid #eee;
    padding: 0px 0px 0px;
}

.main_noo {
    margin-top: 43px !important;
    border-bottom: 0px solid #eee;
    padding: 0px 0px 0px;
    height: 2056px;
}
.button_o{
	margin-top:-18px !important;
}
.about_o {
    margin-top: 0em !important;
}
.about_p {
    margin-top: 12em !important;
}
.logo img{
    max-width: 51%;
    float: left;
}
h4.m_2 {
    margin-bottom: 0px !important;
    padding: 0px 0px !important;
}
.about_pp {
    margin-top: 5em !important;
}
.about_ppp {
    margin-top: 7em !important;
}
.wrap-embed-contact-form{
	width: 267px !important;
}
.btn-apply{
	margin-top: 14px;
}
.features h2{
	margin-top: 0em !important;
}
.sec_tion{
	margin-top:0em !important;
}
.margin_top_50 {
    margin-top: 0px;
}
#home{
	    margin-top: 16px;
}
}


.sec_tion{
	margin-top:9em;
}
.features h2{
	margin-top: 2em;
}
.margin_top_50_50 {
    margin-top: 50px;
}
.about_o {
    margin-top: 6em;
}
.about_p {
    margin-top: 2em;
}
.about_po{
	 margin-top: 2em;
}



* {box-sizing: border-box;}

/* Button used to ppen the contact form - fixed at the bottom of the page */
.open-button {
    background-color: #337180;
    color: white;
    padding: 11px 17px;
    border: none;
    cursor: pointer;
    position: fixed;
    bottom: 23px;
    right: 28px;
    width: 154px;
    z-index: 222;
    border-radius: 12px;
    font-weight: 800;
}

/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: fixed;
  z-index:9999;
    bottom: 47px;
    right: 8px;
}

/* Add styles to the form container */
.form-container {
  max-width: 300px;
  padding: 10px;
  background-color: #091c2d;
}

/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}
.wrap-embed-contact-form a.btn-show-contact{
	    transform: rotate(180deg);
}
#latest_news {
    width: 100%;
    height: 40px;
    font-size: 18px;
    /* line-height: 30px; */
    text-transform: capitalize;
    margin: 0px 0px 0px 0px;
    background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0.1, rgb(13, 86, 97)), color-stop(0.33, rgb(181, 71, 106)) );
    text-align: center;
    color: #FFF;
    text-decoration: blink;
}
marquee {
    font-size: 18px;
    padding-top: 7px;
}
marquee a {
    color: #fff;
}
td.latestnews1 {
    vertical-align: middle;
    font-size: 17px;
}