/*------------------*/
/*	GENERAL
/*------------------------------------------------------*/


::selection {
  background: #fcc101;
  color: #fff;
}
::-moz-selection {
  background: #fcc101;
  color: #fff;
}
/* ----------- Logo ----------- */

#logo {
	float: left;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	width:276px;
	height:45px;
	background: url(../../../img/frontend/new/logo.jpeg) no-repeat left top;
}

#logo_innerpage {
	float: left;
	padding: 0px 0px 0px 13px;
	margin: 0px 0px 0px 0px;
	background: url(../../../img/frontend/new/logo.jpeg) no-repeat left 10px;

}



/*------------------*/
/*	SITE STRUCTURE
/*------------------------------------------------------*/

.site_wrapper {
	width: 100%;
	margin: 0px auto 0 auto;
}

#page_wrapper_full {
	width: 100%;
	margin: auto auto auto auto;
}
.container_full {
	width: 100%;
	margin: auto auto auto auto;
}
.container {
	max-width: 1200px;
	margin: auto auto auto auto;
}


/* columns */
/* .one_half,  .one_fourth, .two_third, .three_fourth, .one_fifth {
	 position: relative;
	margin-right: 4%;
	float: left; 
}

.one_third{
	margin-right: 4%;
	float: left;
}


.one_full {
	width: 100%;
}
.one_half {
	width: 48%;
}
.one_third {
	width: 30.650%;
}
.one_fourth {
	width: 22%;
}
.one_fifth {
	width: 16.800%;
}
.two_third {
	width: 65.350%;
}
.three_fourth {
	width: 74%;
}

.last {
	margin-right: 0 !important;
	clear: right;
}
 */

/*------------------*/
/*	MENU
/*------------------------------------------------------*/

.header{
	float: left;
	width: 100%;
	padding: 15px 4%;
	border-top: 4px solid #333;
	background: #f9f9f9 url(../../../img/frontend/new/menu-shadow.png) repeat-x left bottom;
}

#access .menu {
	list-style: none;
	font-weight: normal;
	position: relative;
	float: right;
	font-family: 'Lato', sans-serif;
	/* font-family: 'Open Sans', sans-serif; */
	font-weight: normal;
	margin-top: 0px;z-index: 100;
}
.menu *{ padding:0; margin:0;}
#access .menu select {
	border: 2px solid #eee;
	padding: 10px 10px 10px 10px;
	background-color: #f9f9f9;
	color: #333;
}
#access .menu ul {
	margin: 0px;
	list-style-type: none;
	position: relative;
	text-align: left;
	z-index: 101;
	margin: 0;
	float: right;
}
#access .menu ul li {
	position: relative;
	display: inline-block;
	padding: 0;
	z-index: 101;
	margin: 0px 0px 0px 1px;
	float: left;
}
#access .menu ul li.last {
	background: none;
}
#access .menu ul li a {
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	line-height: 1;
	color: #333;
	margin: 0;
	padding: 18px 16px 20px;
	text-align: center;
}
#access .menu ul li a:hover {
	color: #0695b7;         
	
} 
 #access .menu ul li.active a{
	color: #0695b7;
	border-radius: 3px;
	background-color: #fff;
	border-left: 1px solid #eee;
	border-top: 2px solid #eee;
	border-right: 1px solid #eee;
}

#access .menu ul li ul {
	position: absolute;
	left: 0;
	height: auto;	
	visibility: hidden; 	 
	padding: 0; margin:0;
	z-index:102;
	text-align: left;
	 width: 185px; background: #fff;
	
}
#access .menu ul li ul li { 
	float: none;
	z-index:102; 
	margin: 0;padding:0; width: 185px; 	
	border-bottom: 1px solid #ddd;
	margin-bottom:-1px;    
}
#access .menu ul li ul li ul {
	top: 0;
}
#access .menu ul li ul li a {
	margin: 0;
	border: none;
	display: block;
   padding:10px;
	height:15px;
	font-size: 13px;
	font-weight: normal;
	color: #fff;	
	width: 164px;
	text-align: left;
	background-color: #0695b7;
	
}
#access .menu ul li ul li a:hover,
#access .menu ul li ul li.active a,
#access .menu ul li ul li a.selected {
	background: #454545 url(../../../img/frontend/new/spacer.gif) no-repeat center bottom;
	color: #fff;
  padding:10px;width: 164px;
}

#access .menu ul li ul li:last-child {
	border: none;
}
* html #access .menu {
	height: 1%;
}

.selectnav {display: none; width: 440px; margin-left: 20px;}

#access .menu ul li ul li a.arrow {
	margin: 0;
	border: none;
	display: block;
	padding: 0px;
	height: 1px;
	background: url(../../../img/frontend/new/spacer.gif) no-repeat left top;
}
#access .menu ul li ul li a.arrow img {
	position: absolute;
	top: -13px;
	left: 20px;
}



/*------------------*/
/*	PAGES
/*------------------------------------------------------*/

/* top section */
.top_section {
	float: left;
	width: 100%;
	margin-top: 0px;
	padding: 3px 0px;
	border-bottom: 1px solid #f3f3f3;
}

/* top social links */
/* ul.top_social_links {
	float: left;
	padding: 0px;
	margin: 20px 0px 0px 0px;
}
.top_social_links li {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 5px;
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 10px;
}
.top_social_links li:hover {
	background-color: #fff;
}
.top_social_links li:hover i {
	color: #0695b7;
}
.top_social_links li i {
	color: #e3e3e3;
} */


ul.top_clist {
	float: right;
	padding: 5px 0px 0px 5px;
	margin: 0px;
}

.top_clist li a {
	color: #333;
/* 	padding-left:25px; */
	padding-left:10px; 
}
.fa-phone{font-size:16px;}
.top_clist li a:hover {
	color: #0695b7;
}


/* site search */
.site_search_home {
	padding-top: 5px;
	float: left;
	width: 100%;
text-align:center;	
}
.site_search_home #site-searchform {
	margin: 0;
	padding: 0;
}
.site_search_home #site-searchform #s{
	border: 1px solid #eee;
	background-color: #fff;
	width: 78%;
	height:34px;
	padding:0px 10px 0px 10px;
	color: #999;
	float: left;
	font: normal 14px "Trebuchet MS", Helvetica, Arial, sans-serif;
}
.site_search_home #site-searchform #searchsubmit{
	float: left;
	width:40px;
	height:36px;
	cursor:pointer;
	text-indent:-5555em;
	line-height:100;
	overflow:hidden;
	background: #0695b7 url(../../../img/frontend/new/site-search-icon.png) no-repeat center 11px;
	border:0;
}
.site_search_home #site-searchform #searchsubmit:hover{
	float: left;
	width:40px;
	height:36px;
	cursor:pointer;
	text-indent:-5555em;
	line-height:100;
	overflow:hidden;
	background: #333 url(../../../img/frontend/new/site-search-icon.png) no-repeat center 11px;
	border:0;
}
.site_search_home .btn_02
{
	 line-height:35px;
	margin: 0px;
	padding:10px 5px;
	background-color: #5c9f2e;
	border-radius: 4px;
	font-size: 14px;
	color: #fff;
	/* font-family: 'Open Sans', sans-serif; */
	
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: 1px solid #666;
}


/* slider button */
/* .button_slider {
	margin: 0px;
	padding: 0px 0px 0px 30px;
	width: 170px;
	height: 55px;
	float: left;
	text-align: left;
	line-height: 55px;
	vertical-align: middle;
	font-weight: normal;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	background: url(../../../img/frontend/new/button-01.png) no-repeat left top;
}
.button_slider:hover {
	color: #fff;
	background: url(../../../img/frontend/new/button-02.png) no-repeat left top;
} */

/* punch text */

 .but_01 {
	padding: 11px 22px;
	margin: 0px;
	background-color: #fff;
	border-radius: 4px;
	font-size: 14px;
	color: #0695b7;

	font-weight: 600;
	text-transform: uppercase;
	border-bottom: 1px solid #666;
}
.but_01:hover {
	color: #fff;
	background-color: #f69628;
}
/* .punch_text .but_02 {
	padding: 11px 22px;
	margin: 0px;
	background-color: #0695b7;
	border-radius: 4px;
	font-size: 14px;
	color: #fff;
	
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: 1px solid #666;
}
.punch_text .but_02:hover {
	color: #333;
}

.punch_text.nobgcolor {
	background: none;
	color: #0695b7;

}
.punch_text.nobgcolor i {
	color: #999;
}
 */
/* punch text 02 */
.punch_text_02 {
	float: left;
	width: 100%;
	padding: 30px 0px;
	background-color: #0695b7;
	text-align: left;
	color: #fff;
	font-size: 27px;
	line-height: 38px;
	font-weight: normal;
}

.quote{
    color: #0695b7;
    font-family: Calibri;
    font-size: 50px; 
   text-align: center;
    width: 100%;line-height: 100px;}
.overlay-bg{background: url(../../../img/frontend/new/banner.png) repeat center;float: left; width:100%;}

.grey_bg {
padding: 3px 0px;
	background: #f3f3f3 url(../../../img/frontend/new/shadow-01.png) repeat-x left top;
}
.grey_bg h2, .why-use h2{text-align: center; font-size: 35px;line-height: 40px;}
/* .colored_bg {
	float: left;
	width: 100%;
	padding: 0px;
	background-color: #0695b7;
} */

/* fresh works */
.fresh_works {
	float: left;
	width: 100%;
	height: 600px;
	 	/* height: 402px; */
/* 	height: 418px; */
}
.fresh_works_list section .display .small-group{
	float:left;
	/* width:470px; */
	/* width:500px; */
	/* width:550px; */
	width:100%;
	height:300px;
	overflow:hidden;
	margin-bottom: 1px;
}
.fresh_works_list section .display .small-group div.small{
	position:relative;
	float:left;
	/* width:50%; */width:100%;
	height:100%;
	color:#fff;
	text-align:center;
	overflow:hidden;
}
.fresh_works_list section .display .small-group div.small img{
	width:100%;
	height:100%
}
.fresh_works_list section .display .small-group div.small .hover{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	pointer-events:none;
	z-index:90;
}
.fresh_works_list section .display .small-group div.small:hover .hover{
	background:#0695b7;
	border-width:11px 11px 11px 11px;
	opacity: 0.5;
}
.fresh_works_list section .display .small-group div.small:hover .info{
	color:#fff;
}
.fresh_works_list section .display .small-group div.small a{
	color:#fff;
}
.fresh_works_list section .display .small-group div.small .info{
	position:absolute;
	bottom:20px;
	left:0;
	width:100%;
	z-index:100;
	background: none;
	border: none;
	-webkit-transition:bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition:bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition:bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition:bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1)
}
.fresh_works_list section .display .small-group div.small .info h1{
	color: #fff;
	margin: 0px;
	padding: 10px;
	line-height: normal;
	font-size: 20px;
	text-align: center;
	background-color: #2652ab;
}

.fresh_works_list section .display .small-group div.small .info h2{
	background: none;
	color: #fff;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	font-size: 12px;
	font-weight: normal;
}
.fresh_works_list section.cheapest .small-group .additionnal{
	font-weight:500;
	color:#fff;
	font:500 14px Arial Narrow,Helvetica Neue,Arial,Helvetica,sans-serif;
	line-height:20px;
	padding:0;
	position:absolute;
	top:100%;
	left:0;
	right:0;
	opacity:0;
	margin-top: 10px;
}
.fresh_works_list section.cheapest .small-group .additionnal b{
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	background: url(../../../img/frontend/new/arrow-01.png) no-repeat left 4px;
}

.fresh_works_list section.cheapest .small-group .additionnal strong{
	display:block;
	font-weight:500;
	color:#fff;
}
.fresh_works_list section.cheapest .small-group div.small:hover .info{
	bottom:75px;
}
.fresh_works_list section.cheapest .small-group div.small:hover .additionnal{
	opacity:1;
}
.fresh_works_list section.cheapest .small-group div.small:hover h2,.fresh_works_list section.cheapest .small-group div.small:hover section#easy-to-reach .large .info h3,.fresh_works_list section#easy-to-reach .large .info section.cheapest .small-group div.small:hover h3{
	color:#fff;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}
.fresh_works_list section.cheapest .small-group div.small:hover h2 strong,.fresh_works_list section.cheapest .small-group div.small:hover section#easy-to-reach .large .info h3 strong,.fresh_works_list section#easy-to-reach .large .info section.cheapest .small-group div.small:hover h3 strong{
	color:#fff;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}

/* site features 02*/
/* .sitefeatures_02 {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.sitefeatures_02 .left {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 47%;
	min-height: 380px;
	background: url(../images/site-img20.png) no-repeat left bottom;
}
.sitefeatures_02 .left img {
	float: left;
}
.sitefeatures_02 .right {
	float: right;
	padding: 0px;
	margin: 0px;
	width: 53%;
	color: #fff;
}
.sitefeatures_02 .right ul {
	float: left;
	padding: 0px;
	margin: 0px;
}
.sitefeatures_02 .right li {
	float: left;
	padding: 25px 0px 25px 0px;
	margin: 0px;
	border-bottom: 1px dashed #74b8da;
}
.sitefeatures_02 .right li.first {
	padding: 0px 0px 25px 0px;
}
.sitefeatures_02 .right li.last {
	border-bottom: none;
	padding: 25px 0px 0px 0px;
}
.sitefeatures_02 .right li i {
	color: #fff;
	float: left;
}
.sitefeatures_02 .right li h2 {
	color: #fff;
	font-weight: normal;
	width: 87%;
	float: right;
	margin: 0px;
}
.sitefeatures_02 .right li h2 em {
	margin-top: 10px;
	font-size: 13px;
	font-style: normal;
	display: block;
}
 */

/* site features 03*/
/* .sitefeatures_03 {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.sitefeatures_03 h1 {
	margin: 0px;
	padding: 0px;
	background: none;
	text-align: center;
}
.sitefeatures_03 h1 small {
	margin: 0px;
	padding: 9px 0px 0px 0px;
	text-align: center;
	font-size: 16px;
	color: #727272;
	display: block;
}
.sitefeatures_03 .left {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 46%;
	text-align: right;
	background: url(../images/site-img21.jpg) no-repeat left bottom;
}
.sitefeatures_03 .left h2 {
	color: #0695b7;
	margin-bottom: 20px;
}
.sitefeatures_03 .left ul {
	padding: 0px;
	margin: 20px 0px 25px 0px;
}
.sitefeatures_03 .left li {
	padding: 0px 14px 0px 0px;
	margin: 0px;
	color: #999;
	line-height: 27px;
	background: url(../images/dot-round.png) no-repeat right 13px;
}

.sitefeatures_03 .right {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 46%;
	background: url(../images/tss-customers.jpg) no-repeat right bottom;
}
.sitefeatures_03 .right h2 {
	color: #0695b7;
	margin-bottom: 20px;
}
.sitefeatures_03 .right ul {
	padding: 0px;
	margin: 20px 0px 25px 0px;
}
.sitefeatures_03 .right li {
	padding: 0px 0px 0px 14px;
	margin: 0px;
	color: #999;
	line-height: 27px;
	background: url(../images/dot-round.png) no-repeat left 13px;
}

.sitefeatures_03 .center {
	float: left;
	padding: 0px;
	margin: 0px;
	width: 8%;
	min-height: 285px;
	background: url(../images/v-dotted-lines.png) repeat-y center top;
}
 */
/* recent blogs */
/* .recent_blogs {
	float: left;
	width: 100%;
	height: 295px;
}
.recent_blogs_list section .display .small-group{
	float:left;
	width:470px;
	height:295px;
	overflow:hidden;
}
.recent_blogs_list section .display .small-group div.small{
	position:relative;
	float:left;
	width:50%;
	height:100%;
	color:#fff;
	text-align:center;
	overflow:hidden;
}
.recent_blogs_list section .display .small-group div.small img{
	width:100%;
	height:100%
}
.recent_blogs_list section .display .small-group div.small .hover{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	pointer-events:none;
	z-index:90;
}
.recent_blogs_list section .display .small-group div.small:hover .hover{
	background:#0695b7;
	border-width:11px 11px 11px 11px
}
.recent_blogs_list section .display .small-group div.small:hover .info{
	color:#fff
}
.recent_blogs_list section .display .small-group div.small a{
	color:#fff
}
.recent_blogs_list section .display .small-group div.small .info{
	position:absolute;
	bottom:20px;
	left:0;
	width:100%;
	z-index:100;
	background: none;
	border: none;
	-webkit-transition:bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition:bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition:bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition:bottom 0.5s cubic-bezier(0.19, 1, 0.22, 1)
}
.recent_blogs_list section .display .small-group div.small .info h1{
	background: none;
	color: #fff;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	font-size: 14px;
	font-weight: bold;
}

.recent_blogs_list section .display .small-group div.small .info h2{
	background: none;
	color: #fff;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	font-size: 12px;
	font-weight: normal;
}

.recent_blogs_list section .display .small-group div.small .info h2 i.date{
	color: #fff;
	font-size: 12px;
	float: left;
	padding: 0px 0px 0px 18px;
	margin: 7px 0px 0px 25px;
	background: url(../images/icon-clock.png) no-repeat left 2px;
}
.recent_blogs_list section .display .small-group div.small .info h2 i.comments{
	color: #fff;
	font-size: 12px;
	float: right;
	padding: 0px 0px 0px 18px;
	margin: 7px 20px 0px 0px;
	background: url(../images/icon-comment.png) no-repeat left 2px;
}

.recent_blogs_list section.cheapest .small-group .additionnal{
	font-weight:500;
	color:#fff;
	font:500 14px Arial Narrow,Helvetica Neue,Arial,Helvetica,sans-serif;
	line-height:20px;
	padding:0;
	position:absolute;
	top:100%;
	left:0;
	right:0;
	opacity:0;
	margin-top: 20px;
}
.recent_blogs_list section.cheapest .small-group .additionnal b {
	padding: 7px 10px 7px 20px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #fff;
	background: url(../images/arrow-01.png) no-repeat 10px 11px;
}

.recent_blogs_list section.cheapest .small-group .additionnal strong{
	display:block;
	font-weight:500;
	color:#fff;
}
.recent_blogs_list section.cheapest .small-group div.small:hover .info{
	bottom:140px;
}
.recent_blogs_list section.cheapest .small-group div.small:hover .additionnal{
	opacity:1;
}
.recent_blogs_list section.cheapest .small-group div.small:hover h2,.recent_blogs_list section.cheapest .small-group div.small:hover section#easy-to-reach .large .info h3,.recent_blogs_list section#easy-to-reach .large .info section.cheapest .small-group div.small:hover h3{
	color:#fff;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}
.recent_blogs_list section.cheapest .small-group div.small:hover h2 strong,.recent_blogs_list section.cheapest .small-group div.small:hover section#easy-to-reach .large .info h3 strong,.recent_blogs_list section#easy-to-reach .large .info section.cheapest .small-group div.small:hover h3 strong{
	color:#fff;
	margin: 0px;
	padding: 0px;
	line-height: normal;
} */

/* what people says */
/* .what_people_says {
	float: left;
	width: 100%;
	min-height: 420px;
	background: url(../images/world-map-big.png) no-repeat center 100px;
}
.what_people_says h1 {
	margin: 0px;
	padding: 0px;
	background: none;
	text-align: center;
}
.what_people_says h1 small {
	margin: 0px;
	padding: 7px 0px 0px 0px;
	text-align: center;
	font-size: 16px;
	color: #727272;
	display: block;
}
.what_people_says .contarea {
	float: left;
	width: 83%;
	padding: 25px;
	background-color: #fff;
	border: 1px solid #f3f3f3;
	border-radius: 5px;
}
.what_people_says .whopic {
	float: left;
	width: 100%;
	margin-top: -1px;
	padding: 10px 0px 0px 0px;
	background: url(../images/arrow-testi.png) no-repeat 27px top;
}
.what_people_says .whopic strong {
	color: #999;
	line-height: 16px;
	margin-top: 10px;
	display: block;
}
.what_people_says .whopic strong small {
	color: #999;
	font-size: 11px;
	display: block;
	font-weight: normal;
} */

/* Slider Static Image */
/* .slider_static_image {
	width: 100%;
	height: 500px;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-weight: normal;
	background: url(../images/sliders/iosslider/slider-bg1.jpg) no-repeat center bottom;
}
.slider_static_image .static_right_img {
	width: 100%;
	height: 500px;
	background: url(../images/sliders/iosslider/slide1.png) no-repeat right bottom;
}

.slider_static_image .text1 {
	font-size: 27px;
	font-weight: normal;
	color: #595959;
}
.slider_static_image .text2 {
	font-size: 45px;
	font-weight: bold;
	color: #0695b7;
	margin-top: 20px;
}
.slider_static_image .text3 {
	color: #727272;
	font-size: 18px;
	line-height: 27px;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	padding: 22px 0px;
	margin-top: 35px;
}
.slider_static_image .text4 {
	margin-top: 35px;
}

.slider_static_image .static_left_content {
	float: left;
	width: 40%;
	padding: 0px;
	margin: 80px 0px 0px 0px;
} */

/* Slider Video */
/* .slider_video {
	width: 100%;
	float: left;
	padding: 0px;
	border-bottom: 1px solid #e6e6e6;
	margin: 0px 0px 0px 0px;
	text-align: left;

	font-weight: normal;
	height: 485px;
	background: url(../images/sliders/iosslider/slider-bg1.jpg) no-repeat center bottom;
}
.slider_video .video_ara {
	float: right;
	width: 94%;
	height: 370px;
	margin-top: 58px;
	margin-right: 10px;
	border: 5px solid #fff;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.slider_video .video_ara iframe {
	width: 100%;
	height: 100%;
}
.slider_video .video_ara iframe {
	width: 100%;
	height: 100%;
}

.slider_video .text1 {
	font-size: 27px;
	font-weight: normal;
	color: #595959;
}
.slider_video .text2 {
	font-size: 45px;
	font-weight: bold;
	color: #0695b7;
	margin-top: 20px;
	line-height: 40px;
}
.slider_video .text3 {
	color: #727272;
	font-size: 18px;
	line-height: 27px;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	padding: 18px 0px;
	margin-top: 25px;
}
.slider_video .text4 {
	margin-top: 30px;
}

.slider_video .slider_video_content {
	float: left;
	width: 100%;
	padding: 0px;
	margin: 85px 0px 0px 0px;
} */




/*------------------*/
/*	FOOTER
/*------------------------------------------------------*/

footer {
	 float: left;
    width: 100%;
 /* border-top: 5px solid #272727; */
 border-top: 5px solid #ccc;
  /*  background: #333  none repeat scroll 0 0; */
   background: #fff  none repeat scroll 0 0;
	
 }
footer .footer_bottom {
  
   float: left;
    padding: 15px 4%;
    width: 100%;
}

footer .footer_bottom ul {
    list-style: outside none none; margin:0;
}
.footer_bottom ul.career li, .footer_bottom ul.footer-menu li{
    float: left;
    font-size: 16px;
    line-height: 20px;
    margin-right: 5px;
    padding: 0 5px;
	color: #000;
	font-weight: 600;
}
.footer_bottom ul.footer-menu li{ position:relative; }
.footer_bottom ul.footer-menu li::after{width:100%;height:1px; background-color: #0695b7; opacity: 0; transform: translateY(10px); transition: opacity 0.3s ease 0s, transform 0.3s ease 0s; content:"";left:0;position: absolute;bottom:0;}
.footer_bottom ul.footer-menu li:hover::after{opacity: 1;transform:  translateY(0px);}
.footer_bottom ul.footer-menu li:hover a{color:#0695b7;}
.footer_bottom ul.career,  .footer_bottom ul.footer-menu {float: left;
    margin-top: 5px;}
	.footer_bottom ul.career{width:70%;}
	 .footer_bottom ul.footer-menu {width: 30%;}
	
.footer_bottom ul li a {
    color: #000;
	font-weight: 600;
}
.footer_bottom ul.social {
    float: right;
	width:50%;
	padding-left:20px;
}
.social-icon a i{font-size: 30px;line-height: 40px;padding:0 10px;line-height: 45px;color: #fff;}
/*  .social-icon:first-child{background-color: #3b5998;}
.social-icon:nth-child(2){background-color: #00aced;}
.social-icon:nth-child(3){background-color: #db3236;} */
.social-icon a .fa-google{font-weight:600;}
.footer_bottom ul.social li:first-child {
    font-size: 15px;
    line-height: 30px;
	/* color: #fff; */
}
.social{width: 100px;float:left;}
.footer_bottom ul.social li {float: left;    padding-right: 5px;    text-align: center; width:25%; border-radius: 100px; transition: all 200ms ease-in 0s;}

.footer_bottom .social-icon:hover{background-color: #ccc;}


/*------------------*/
/* TYPOGRAPHY ELEMENTS
/*------------------------------------------------------*/

a.but_goback,
a.but_ok_2,
a.but_wifi,
a.but_warning_sign,
a.but_user,
a.but_tag,
a.but_table,
a.but_star,
a.but_search,
a.but_phone,
a.but_pencil,
a.but_new_window,
a.but_music,
a.but_hand_right,
a.but_thumbs_down,
a.but_thumbs_up,
a.but_globe,
a.but_hospital,
a.but_coffe_cup,
a.but_settings,
a.but_chat,
a.but_play_button,
a.but_remove_2,
a.but_lock,
a.but_shopping_cart,
a.but_exclamation_mark,
a.but_info,
a.but_question_mark,
a.but_minus,
a.but_plus,
a.but_folder_open,
a.but_file,
a.but_envelope,
a.but_edit,
a.but_cogwheel,
a.but_check,
a.but_camera,
a.but_calendar,
a.but_bookmark,
a.but_book,
a.but_download,
a.but_pdf,
a.but_word_doc,
a.but_woman {
	/* font-family: 'Open Sans', sans-serif; */
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


/* styled boxes */
.info, .error, .notice, .success {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #bbb;
	margin-bottom: 20px;
	font-size: 13px;
}
p.error {
	border: none;
}
.info strong, .error strong, .notice strong, .success strong {
	font-size: 16px;
}
/* .message-box-wrap {
	border: 0px solid #fff;
	padding:10px;
} */
.info {
	color: #4a84bc;
	border-color: #c6e3ff;
	background-color: #e6f3ff;
}

/* buttons */
.button, button {	
    text-decoration:none;
	text-align:center;
	color:#585656;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height:32px;
	line-height:32px;
	padding:0px 15px;
	position:relative;
	outline: none;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #dcdcdc;
	border: rgba(0, 0, 0, .2) 1px solid;
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	font-weight: normal;
	text-transform: uppercase;

	background: -moz-linear-gradient(center top,rgba(255, 255, 255, .1) 0%,	rgba(0, 0, 0, .1) 100%);
	background: -webkit-gradient(linear,center top,	center bottom,from(rgba(255, 255, 255, .1)),to(rgba(0, 0, 0, .1)));	
	background-color:white;
}

.button::-moz-focus-inner {border: none;}

.button:hover, .button.hover, .page-numbers:hover  {	background: -moz-linear-gradient(center top,rgba(255, 255, 255, .2) 0%,rgba(255, 255, 255, .1) 100%	);
	background: -webkit-gradient(linear,center bottom,center top,from(rgba(255, 255, 255, .1)),to(rgba(255, 255, 255, .2)));}
.button:active, .button.active, .page-numbers:active {top:2px;background: -moz-linear-gradient(center top,rgba(0, 0, 0, .1) 0%,rgba(255, 255, 255, .2) 100%	);
	background: -webkit-gradient(linear,center bottom,center top,from(rgba(255, 255, 255, .2)),to(rgba(0, 0, 0, .1)));
}

.button.full{	display: block;}

.button.small{
	font-size:13px;
}
.button.medium{
	font-size:13px;
	height:40px;
	line-height:40px;
}
.button.large{
	font-size:16px;
	height:50px;
	line-height:50px;
}


#CarrerBox{position:relative;display: none;}
#CarrerBox .pop_up{width:500px; position: fixed; top:30%; left:30%;background-color:#ccc;z-index:9999;padding:20px; color:#000; }
.career-form label{ font-size: 16px;
    line-height: 22px;
    color: #000;
	width: 43%;
float: left;}
.full-width{width: 100%; margin-bottom: 10px;}
 .career-form .career-input {
    width: 54%;
	padding:5px;
    border-radius: 3px;
    border: 1px solid #0695b7;
}
.pop-submit{background: #0695b7;
padding: 6px 10px;
color: #000;
font-size: 16px;
line-height: 20px;
border: 0;
font-weight: 600;
margin-left: 9px;}
.center{margin: 0 auto; text-align: center;}
.forget-pas{text-decoration: none;
color: #fff;
font-size: 18px;
margin-top:30px;
font-weight: 400;
display: block;
line-height: 20px;
margin-right: 8px;}
.forget-ps-form{display: none;}
	/*-------end login popup ---------*/
	
	/* .mailto{background: url(../../../img/frontend/new/mail.png) no-repeat left center;}
	.callto{background: url(../images/call.png) no-repeat left center;}
	 */
.footer_bottom ul.career li:last-child{border-right: none;}
#CarrerBox .close{position:absolute;right:-15px;top:-15px; width:30px; height: 30px; border-radius: 100px; text-align: center; background-color: #0695b7; text-decoration:none;font-size:25px;line-height:30px;color:#fff;opacity:1;}
/*----------------- career popup -----------------*/
.browser{
position: relative;
overflow: hidden;
margin: 10px;
}


.custome-upload{  position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);}
	
	
/* .upload-hidden {
    display:none;
} */
.upload-row{position:relative;}
.upload-button {
    border: 1px solid #333;
  /*   padding: 5px; */
   position: absolute;
   top:0; left: 43%;
    background: #777;
    color: #fff;
    width:75px;
	
	display: inline-block;
    font-weight: normal;
text-align: center;
  
}

.upload-button:hover {
    background: #333;
    cursor: pointer;
}

/*----------------- end career popup -----------------*/

/* our services */
.fresh_works ul li{width:25%; float: left;}
#mycarousel{padding:0;margin:0;}

/* end------*/

/*------- login popup box -----*/

.login-popup {
	display: none;
	position: fixed;
	top: 30%;
	/* padding: 20px; */
	left: 30%;
	/* width: 500px; */
	z-index:1002; 
	
} 

.login-popup .close{position:absolute;right:-15px;top:-15px; width:30px; height: 30px; border-radius: 100px; text-align: center; background-color: #0695b7; text-decoration:none;font-size:25px;line-height:30px;color:#fff;opacity: 1;}
.login-popup .close:hover{background-color: #000;}
.black_overlay{margin: 0; z-index:999; display: none; width: 100%; height: 100%; background-color: #000;opacity: 0.5; position: fixed; left: 0; top: 0;}


#login {

	background-color:#ccc;
	height: 310px;
    width: 420px;
    padding: 20px;
   position: relative;
    z-index: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border:1px solid #666;
}
#login h1 {text-align: center; font-size:20px;
}
#login .ribbon {
    background-color: #0695b7;
   color: #301607;
    height: 40px;
    width: 440px;
    line-height: 40px;
    padding: 0 5px 0 0;
    margin-left: -32px;
    position: relative;
 
}
#login #inputs input { 
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
    border: 1px solid #777;
	background-color: transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	color: #000;
    border-radius: 5px;
  font-size: 20px;box-sizing: border-box;
}
#login  #inputs input:focus {
    background-color: #fff;
    border-color: #e8c291;
	
    outline: none;
    -moz-box-shadow: 0 0 0 1px #e8c291 inset;
    -webkit-box-shadow: 0 0 0 1px #e8c291 inset;
    box-shadow: 0 0 0 1px #e8c291 inset;
}
#login #submit {
    background-color: #0695b7;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
     display: block;
 border: 1px solid transparent;
    padding: 5px 10px;
    margin-top: 20px;
    width: 120px;
    cursor: pointer;
    font-size:18px ;
    color: #FFF;
margin: 0 auto;
}
.why-use{background:url('../../../img/frontend/new/app-bg.jpg') no-repeat; background-attachment:fixed;float: left; width: 100%;padding-bottom:30px;}
.why-use h2{margin-bottom:50px;}
.col-right{float: left;width: 40%;text-align:right;}
.col-left{float: left;width: 60%;padding-left:30px;}
.why-use ul {margin:0; padding-left: 30px;}
.why-use ul li{padding: 2% 2% 2% 50px;font-size:1.5em;background-color:  #ccc ;/* background-color:  #f4f4f4 ; */margin-bottom: 10px;position: relative;}
.why-use ul li h3{font-size:20px; line-height: 30px; margin:0;}
.why-use ul li:before{background: rgba(0, 0, 0, 0) url("../../../img/frontend/new/bullet2.png") no-repeat scroll 0 0;
    content: "";
    height: 54px;
    left: -34px;
    position: absolute;
    top: 0;
    width: 64px;}


.download-btn{background-color: #f69628;font-size: 22px; line-height: 30px; border: 1px solid #f69628; width: 200px;color: #fff; padding:20px;text-align:center;margin-top:50px;float: left; font-weight: 600}
.download-btn:hover {
    background-color: #2652ab;
    color: #fff;
   border: 1px solid #2652ab;
}




/* slider changes */
.first-slider{width:75%;float:left;padding-right:20px;}
.second-slider{float: left;width:25%;position: relative;}

.slider-container{padding:30px;width:100%; float: left;background-size: cover;position: relative; z-index: 0;}
.second-slider{padding-left:20px;margin-top: 50px;}
.second-box p{font-size: 15px;margin:0;}
.second-box  .second-col{width:33.33%; float: left; background:url("../../../img/frontend/new/feature-icon.png") no-repeat scroll 0 0;padding-left:40px;}
 .second-row{border-bottom: 1px solid #f3f3f3;float: left; width:100%;padding:10px 0;}
 .second-box{width:100%; float: left; padding-left: 40px;}
 .footer_bottom ul.social li:last-child{margin-right:0;}
 
 .slider-container .first-slider .nivo-controlNav {
   text-align: center;
}
 .slider-container .nivo-controlNav a { background: rgba(0, 0, 0, 0) url("../../../img/frontend/new/bullets.png") no-repeat scroll 0 0;
    border: 0 none;
    display: inline-block;
    height: 18px;
    margin: 0 2px;
    text-indent: -9999px;
    width: 18px;
	transition: none;}
	
.second-slider .nivo-controlNav{
padding: 3px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 6;	
}
 .slider-container .nivo-controlNav a.active{background-position:0 -22px; font-weight: bold;}
 
 /* 26 aug 2016 */
 .footerbox{
 float: left;
    width: 50%;
	margin-top: 12px;
 }
.whatsaap{float: left;color: #000; font-weight: 600; coloe: #000;
    padding-right: 20px;
    width: 50%;background: url('../../../img/whatsapp.png') no-repeat;padding-left:25px;margin-top:12px;}
.google-play{ float: left;
    width: 50%;}

.footer-col1{width:60%;float: left;}
.footer-col2{float: right;    width: 40%;}
.footer-row{width:100%; float: left;}
.footer-top{width:20%;float:left;}
.footer-top a{color: #272727;font-size:15px; line-height: 20px;}
.footer-top a:hover{color: #ccc;}
.social-icon img{width:100px;}

.header .front_logo img {max-width: 240px;}
.header .header_nav {width: 45%;}
.header .login_button {width: 18%;}