/* Theme name: MSC */


@font-face {

	font-family: 'Conv_Avenir Book';

	src: url('fonts/Avenir Book.eot');

	src: local('☺'), url('fonts/Avenir Book.woff') format('woff'), url('fonts/Avenir Book.ttf') format('truetype'), url('fonts/Avenir Book.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}  

@font-face {

	font-family: 'Conv_Avenir Heavy';

	src: url('fonts/Avenir Heavy.eot');

	src: local('☺'), url('fonts/Avenir Heavy.woff') format('woff'), url('fonts/Avenir Heavy.ttf') format('truetype'), url('fonts/Avenir Heavy.svg') format('svg');

	font-weight: 800;

	font-style: normal;

}

@font-face {

	font-family: 'Conv_Avenir Medium';

	src: url('fonts/Avenir Medium.eot');

	src: local('☺'), url('fonts/Avenir Medium.woff') format('woff'), url('fonts/Avenir Medium.ttf') format('truetype'), url('fonts/Avenir Medium.svg') format('svg');

	font-weight: 600;

	font-style: normal;

}

@font-face {

	font-family: 'Conv_Avenir Black';

	src: url('fonts/Avenir Black.eot');

	src: local('☺'), url('fonts/Avenir Black.woff') format('woff'), url('fonts/Avenir Black.ttf') format('truetype'), url('fonts/Avenir Black.svg') format('svg');

	font-weight: 900;

	font-style: normal;

}

@font-face {

	font-family: 'AvenirLTStd-Roman';

	src: url('fonts/AvenirLTStd-Roman.eot');

	src: local('☺'), url('fonts/AvenirLTStd-Roman.eot') format('embedded-opentype');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'avenirheavy';

	src: url('fonts/aeh-webfont.woff2') format('woff2'), url('fonts/aeh-webfont.woff') format('woff');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'avenirregular';

	src: url('fonts/avenir_roman-webfont.woff2') format('woff2'), url('fonts/avenir_roman-webfont.woff') format('woff');

	font-weight: normal;

	font-style: normal;

}

/*====================================    fonts    =================================*/



body {

	margin: 0;

	padding: 0;

	font-family: 'avenirregular';

}

input, textarea, select, ol, ul, li, a, p, h1, h2, h3, h4, h5, h6 {

	margin: 0;

	padding: 0;

	list-style: none;

	text-decoration: none;

	outline: none;

}

a, a:hover, a:focus {

	cursor: pointer;

	-webkit-transition: all .4s ease 0s;

	-moz-transition: all .4s ease 0s;

	transition: all .4s ease 0s;

	text-decoration: none;

	outline: none;

	text-decoration: none;

}
select:-moz-focusring {color: transparent;}
.dropdown-menu {	min-width: auto; position:absolute;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background-color:transparent;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {

	color: #555;

	background: transparent !important;

}

header {	margin: 0;	padding: 0px;}
.logo img {	max-width: 100%;	margin-top: 5px;}
.sli-text.main-sel table tr td { font-size: 22px;}
.top-link li img {	margin-right: 9px;	margin-top: -4px;}
.top-link li p i {	margin-right: 6px;}
.nav.navbar-nav {	display: inline-block;	width: 100%;}
        /*safari*/
.safari .main-nav ul li {margin: 0 71px 0 0;}
      /*safari tc*/
.tc_active.safari .main-nav ul li {margin: 0 126px 0 0 !important;}
.tc_active.safari .main-nav ul li:last-child {margin: 0 !important ; display:inline-block;}

.main-nav ul li {margin: 0 85px 0 0; -webkit-margin-start: 1px; -moz-margin-end :81px;}
.tc_active .nav li {	margin-right:130px; margin-inline-end: 126px; -webkit-margin-start: 0px;}
.main-nav ul li:last-child {/* float: right; */	margin: 0; -moz-margin-start :4px;}
.tc_active .main-nav ul li:last-child {/* float: right; */	margin: 0; -moz-margin-start:4px;}
.tc_active .dropdown-menu li{ -moz-margin-start :0 !important;}
.dropdown-menu li{ -moz-margin-start :0 !important;}
select::-ms-expand{border:none; outline:none;}

/*.main-nav ul li {


	margin: 0 7.5% 0 0; 
   before margin: 0 81px 0 0;


} */



.top-link {	float: right;}
.top-link li { color: #fff;	float: left;	margin-left: 1px;}
.top-link li select {	padding: 9px 25px 9px 18px;}
.lang-widget { -webkit-border-end: 1px solid #fff;}
.top-link li p { padding: 9px 18px;}
.top-link li p, .top-link li select {
	background: #007cc4;
	border: none;
	border-radius: 0;
	color: #fff !important;
	font-size: 18px;
	font-family: 'Conv_Avenir Medium';
	font-weight: bold;
	height: 45px;
	line-height: 27px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
  }

select {-webkit-appearance: none; -o-appearance:none;}
select::-ms-expand { display: none;}
.main-nav nav ul li a {

	background: none;

	border-bottom: 3px solid #fff;

	color: #007cc4 !important;

	font-weight: 600;

	padding: 6px 0 0;

	text-transform: uppercase;

	font-size: 16px;

	line-height: 25px;

}
ul.dropdown-menu a {
    border: none !important;
}
  ul.dropdown-menu .active a, ul.dropdown-menu a:hover{border-bottom :5px solid #007cc4 !important}
.main-nav nav ul .active a, .main-nav nav ul li a:hover { color: #007cc4 !important; border-bottom: 5px solid #007cc4;}
header, .main-sel, footer {	float: left;	width: 100%;}
.ft-head.main-sel {	float: right;	width: 100%;	display: inline-block;}
.sel-padding {	padding: 60px 0;}
header .navbar-default { min-height: auto; margin: 0; border: none; background: #fff;}
.main-slider .item img { width: 100%;}
.carousel-indicators li {	border: none;	background-color: #464646;}
.glyphicon.glyphicon-chevron-left , .glyphicon.glyphicon-chevron-right{	display: none;}
.full-width-contennt p a { color: #020202;}
.main-slider .carousel-indicators li {width: 47px;	height: 7px;	border-radius: 0px;	margin: auto 3px;}
.carousel-indicators .active {	background-color: #007cc4;	width: 40px;}
.news-bar {	border: 1px solid #ddd;	margin: 30px 0;}

.news-bar h1 {

	background: #007cc4 url(images/newsbg.jpg) no-repeat right;

	background-size: contain;

	color: #fff;

	font-size: 24px;

	font-weight: 600;

	padding: 20px 15px;

	line-height: 40px;

	font-family: 'Conv_Avenir Medium'; 

}
.home.page-template .owl-nav,.owl-dots{display:none !important;}
.news-bar p {	color: #000; line-height: 32px; font-size: 24px; font-weight: 600;	padding: 25px 0 0;}
.icon-box a { float: right; font-size: 24px; padding: 22px 30px 10px 30px;}
.ser-box { padding: 20px 0 75px 0;	background: url(images/bg-ser.png) no-repeat bottom;background-size: cover;}
.ser-box h1 {	color: #000; line-height: 63px;	font-size: 36px;	font-weight: 600;	position: relative;}
.ser-box h1::before {	background: #fff; content: ""; height: 9px;	position: absolute; right: 280px;	transform: skewX(-40deg); width: 15px;	bottom: -8px;}
i.fa.fa-list:before {	content: "\f0ca" !important;}
.carousel-indicators .active {	border: none;}
.ser-box hr { border-color: #007cc4;	border-width: 7px;	margin: 0px auto 15px;	width: 170px;}
.ser-in {	border: 4px solid #dce5eb;	overflow: hidden;	position: relative;	margin: 34px 0 15px 0;}
.ser-in img {	width: 100%;}
.over-box {
	bottom: 0;
	padding: 18px 120px 18px 18px;
	position: absolute;
	z-index: 6;
	background: #0076a3 url(images/s-text.png) no-repeat right;
	background-size: contain;
	left: 0;
	height: 74px;
	right: 38px;
  opacity: 0.9;
  }

.over-box h6 {

	color: #fefefe;

	line-height: 31px;

	font-size: 26px;

	font-weight: 500;

	left: 15px;

	position: absolute;

	right: 123px;

	top: 50%;

	font-family: 'Conv_Avenir Medium';

	transform: translateY(-50%);

}

.over-box h6 i {margin-left: 10px;}
.lang-widget {	position: relative;	border:none;	float: left;}
.lang-widget select {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	display: block;

	width: 100%;

	-ms-word-break: normal;

	word-break: normal;

}

.lang-widget::after {

	content: url("https://www.mscl-hk.com/wp-content//themes/msc/images/arrow-down.png;");

	right: 15px;

	top: 10px;

	position: absolute;

	pointer-events: none;

}

footer .container .row .col-sm-3:last-child .ft-head.main-sel {	float: right;	width: auto;}
footer {	border-top: 8px solid #007cc4; padding: 40px 0 0;	position: relative;}
.ft-head h2 {	font-family: avenirregular;	color: #007cc4;	font-size: 21px; font-weight: 600;	margin-bottom: 10px; line-height: 32PX;}
.ft-links li { margin-bottom: 6px;	line-height: 32px}
.ft-links li a {	color: #007cc4;	font-size: 18px;}
.copy-box {	background: #007cc4;	color: #fff;	margin-top: 60px; padding: 20px 0;}
.copy-box p {	font-size: 16px;	line-height: 32px;}
.copy-box p a {	color: #fff;}
.up {	bottom: 92px; position: absolute;	right: 25px;}
.up a img {	width: 33px;}
.in-ban {	padding: 140px 0 240px 0;}
.in-ban h1 {

	border-bottom: 1px solid #000;

	color: #000;

	display: table;

	font-size: 30px;

	font-weight: 900;

	margin: 0 auto 10px;

	padding: 0 0 8px;

	text-transform: uppercase;

}

.b-nav {	display: table;	margin: 0 auto;}
.b-nav li {	text-transform: uppercase;	float: left;	margin:0 4px 0 0;}
.b-nav li a, .b-nav li p {color: #000;	padding: 0 2px;	text-shadow: -6px 3px 5px #Fdfdfd;/* text-transform: uppercase; */}
.page-template-partners .bootom-section {	background-color: #fdfdfd;}

.in-cont {

	background: #fff;

	padding: 40px 30px 47px;

	margin-bottom: 88px;

	-webkit-box-shadow: 1px 1px 1px 0px rgba(240,240,240,1);

	-moz-box-shadow: 1px 1px 1px 0px rgba(240,240,240,1);

	box-shadow: 1px 1px 1px 0px rgba(240,240,240,1);

}

.cun-head h1 {

	border-bottom: 6px solid #007cc4;

	color: #007cc4;

	float: left;

	font-size: 30px;

	font-weight: 900;

	padding-bottom: 15px;

	position: relative;

	text-transform: uppercase;

	width: auto;

	font-family: 'avenirheavy';

}

.cun-head h1::before {

	background: #fff;

	bottom: -7px;

	content: "";

	height: 9px;

	position: absolute;

	right: -9px;

	transform: skewX(-40deg);

	width: 15px;

}

.c-pic {	max-width: 100%;}
.sel-gap {	padding: 28px 0 0px 0;}
.service-template-default.single .sel-gap {	margin-bottom: 55px;}
.lineleft .about-bottom {	margin-top: 15px;}
body.archive.category-news .pro-box {	border: none;	padding: 0;}
body.archive.category-news .dwon-butn {	margin: 54px 0;	display: inline-block;}
body.archive.category-news .pro-pic-text.main-sel {	margin-top: 25px;}
.in-cont .sel-gap hr:last-child {	display: none;}
.in-add p {	font-weight: 600;}
.in-add {  /*position: absolute;  top: 50%;  transform: translateY(-50%);*/	padding-top: 30px;}
.main-sel.goal-box .col-md-3.text-center {	display: table-cell;	vertical-align: middle;	float: none;}
.main-sel.goal-box .col-md-9 {	display: table-cell;	float: none;}

.con-tex h2 {

	color: #000;

	font-size: 24px;

	margin-bottom: 18px;

	line-height: 32px;

}

body.service-template-default.single.single-service .cun-head h1::before {	width: 18%;}
.dwon-butn.main-sel.text-center {	padding: 0 !important;}
.sel-gap.main-sel .con-tex.main-sel.lineleft p {font-family: "avenirregular";	font-weight: bold; color: #121212;}
.con-tex.main-sel.lineleft p {}

/*----------------------------news-page  css  end---------------------------- */

/*----------------------------events page css----------------------------*/

body.archive.category.category-events .event-list.main-sel h3:hover {	color: #1285c8;}
body.archive.category.category-events .event-list.main-sel h3 {	color: #6e6e6e;	font-size: 21px;}
body.archive.category.category-events .sel-gap { padding: 25px 0;}

/*----------------------------events page css end----------------------------*/

.con-tex p {	line-height: 30px; color: #000;	font-size: 21px;	padding-top: 12px;}
.con-tex .in-add p {	font-family: "avenirregular";	font-weight: normal;}
.sel-gap.main-sel .pro-pic-text.main-sel p {	font-family: "avenir";}
.sel-gap.main-sel p {	font-family: 'avenirheavy'}
.single.single-pro .sel-gap.main-sel p {	font-family: 'avenirregular'}
.pro-template-default.single.single-pro.postid-293 .sel-gap.main-sel p br {	display: none;}
.con-tex.main-sel.lineleft p { font-size: 21px; line-height: 32px;}
.main-sel.lineleft .bor-link {	font-size: 21px;	line-height: 32px;}
.main-sel.lineleft .bor-link:last-child {	margin-top: 42px;}
.bor-link:last-child::before {	display: none;}
.goal-box h2 { color: #fff; font-weight: 600; padding: 40px 0;}
.goal-box p {

	color: #fff;

	font-size: 21px;

	padding: 15px 0;

	line-height: 32px;

	font-family: 'avenirheavy';

}

.page-template-about .pic-box.main-sel img {

	width: 100%;

}

.blue {

	color: #007DC4;

}

.pro-box {	border: 4px solid #f2f2f2;

	margin: 15px 0;

}

.pro-pic-text h2 {

	color: #000;

	line-height: 32px;

	font-size: 21px;

	margin: 10px 0;

}

.con-tex.main-sel.add-vbox {

	display: table-cell;

	float: none;

	height: 300px;

	vertical-align: middle;

}

.con-tex.main-sel.add-vbox .in-add {

	padding: 0;

}

.pro-pic-text p {

	color: #000;

	font-size: 21px;

	margin: 0 0 15px 0;

	line-height: 32px;

}

.news-left-content {

	margin-right: 34px;

	width: auto;

}

.page-nav {

	display: table;

	margin: 0 auto;

}

.page-nav li {

	float: left;

	margin: 0 10px;

}

.page-nav li a {

	border: 1px solid;

	float: left;

	font-size: 18px;

	font-weight: 600;

	height: 40px;

	line-height: 40px;

	text-align: center;

	width: 40px;

}

.page-nav li:first-child a, .page-nav li:last-child a {

	border: none;

}

.carousel.main-sli {

	margin-top: 20px;

}

.main-slis .item .thumb {

	width: 25%;

	cursor: pointer;

	float: left;

}

.main-slis .item .thumb img {

	width: 100%;

	margin: 2px;

}

.main-slis .item img {

	width: 100%;

}

.main-sli .item img {

	display: table;

	margin: 32px auto;

	text-align: center;

}

.sli-text {

	padding: 50px 0;

}

.sli-text p {

	font-size: 24px;

	font-weight: 500;

	line-height: 32px;

	color: #121212;

	margin-bottom: 8px;

}

.dwon-butn {

	margin-top: 20px;

}

.dwon-butn.main-sel {

	position: relative;

}

.dwon-butn.main-sel .text-center a {

	width: 150px

}

/*.dwon-butn.main-sel.news-inner img {

    margin-top: -9px;

}*/

.dwon-butn.main-sel a {

	background: #1285c8;

	color: #fff;

	font-size: 24px;

	padding: 7px 30px;

	display: inline-block;

	line-height: 32px;

}
.dwon-butn.main-sel .col-sm-5 a {display: block;	max-width: 275px;}
.tc_active .dwon-butn.main-sel .col-sm-5 a {display: block;	max-width: 190px;}

.pro-template-default.single.single-pro .sli-text.main-sel {

	margin: 16px 0;

	padding-top: 16px;

}

/*page-template-partners*/





body.page-template-partners .sel-gap {

	padding: 40px 0 0px 0;

	margin: 0 -30px;

	width: auto;

}

body.page-template-partners .cont-box .in-cont:first-child {	margin: 0;}
.right-btn {	text-align: right;}

/*page-template-partners*/



/*.logo-box {margin: 15px 0;}*/



.lin-logo {	border-color: #999;	float: left;	margin: 15px 0 0;	width: 100%;}
.con-line {	border-color: #999;	float: left;	margin: 15px 0;	width: 100%;}
.map-box iframe {	width: 100%;}
.date-text {	color: #999 !important;}
.list-nav {	float: right;}
.list-nav li {	display: inline;	margin-left: 10px;  float:left;}
.list-nav li a {	color: #007cc4;	font-size: 18px;	margin: 5px 10px;	border-bottom: 3px solid #fff;	font-weight: 800;}
.list-nav li select option:hover, .list-nav li select option:active, .list-nav li select option:focus {	background: #1075b0;}

.list-nav li select option {

	border-bottom: 1px solid #208ccb;

	border-top: none;

	border-left: none;

	border-right: none;

}
select option { display:block; border: none; outline:none; box-shadow:none;}
.list-nav li select option {	padding: 10px 0;	text-align: center;}
.list-nav li select {

	font-size: 18px;

	border: none;

	-moz-appearance: none;

	font-weight: 800;

	padding: 0 35px 0 15px;

	margin-top: 0px;

	background-color: #1285c8;

	color: #fff;

	height: 40px;

	border-radius: 0px;

}

.news-right-content {

	display: inline-block;

	padding-right: 32px;

	text-align: right;

}

.list-nav li a:hover, .list-nav li a:focus {

	border-color: #007cc4;

	color: #007cc4;

}

.list-nav li a.active {

	border-bottom: 3px solid #007cc4;

}

.arcfilter option:hover {

	background: #1075b0;

}

.event-list {

	border-bottom: 2px solid #f2f2f2;

	border-top: 2px solid #f2f2f2;

	padding: 25px 0;

}

.event-list:first-child {

	border: none;

}

.event-list a h3, .event-list a h4 {

	color: #616161;

	font-size: 21px;

	font-weight: 800;

}

.event-list a h3 {

	margin-top: 11px;

}

/*editad */



.event-list a h4 {

	border: 1px solid #d9d9d9;

	display: inline-block;

	padding: 10px;

	text-align: center;

	font-family: avenir;

	font-weight: normal;

	width: 150px;

}

.event-list a h4:hover {

	background-color: #1285c8;

	color: #fff;

}

/*.event-list a:hover h3, .event-list a:hover h4 {color: #007cc4;}



.event-list a:hover h4 { color: #fff;}*/



.sin-box {

	margin: 15px 0;

}

.single-box h5 {

	color: #007cc4;

	font-size: 18px;

}

.margin-gap {

	margin: 15px 0;

}

/*.margin-gap h2 {  margin: 30% 0;}





.padding-up h2 {  margin: 42% 0;}*/

.ser-points {

	margin-top: 20px;

}

.ser-points li {

	color: #000;

	font-size: 21px;

	margin-bottom: 10px;

	font-weight: 800;

	padding: 0px 0 5px 35px;

	line-height: 32px;

	background: url(images/rc.png) no-repeat left top;

}

.event-list a .col-sm-4 h3 {

	font-family: avenirregular;

	font-weight: normal;

}

.event-list a .col-lg-5 h3 {

	font-weight: bold;

}

/*.event-list a .col-sm-4 h3:hover {







	color: #1285c8;







}*/



.event-list.main-sel:hover h3 {

	color: #1285c8

}

.event-list:hover h4 {

	color: #fff;

	background: #1285c8

}

.event-list a h4 {

	font-family: avenir;

	font-weight: normal;

}

.page-down-link {

	background: #007cc4;

	position: relative;

	margin-bottom: -50px;

	padding: 25px 0;

}

.page-down-link::before {

	background: #007cc4;

	bottom: 0;

	content: "";

	left: -30px;

	position: absolute;

	right: -31px;

	top: 0;

}

.page-link {

	margin-bottom: 2px;

}

.page-link a {

	color: #fff;

	padding: 10px 0;

	float: left;

	width: 100%;

	font-size: 21px;

	font-weight: 600;

	background: url(images/r.png) no-repeat right;

}

.single.single-service .sel-gap.main-sel .col-sm-6:nth-child(3n+3) {

	clear: left;

}

.mar-gap {

	margin: 15% 0;

}

.oth-box {

	height: 330px;

}

.owl-carousel .owl-dot {

	background-repeat: no-repeat;

	background-size: contain;

	float: left;

}

.no-padding {

	padding: 0px;
	text-align: left;

}

.news-bar p span {

	margin-right: 6%;

}

.main-nav ul li ul {

	padding: 0;

	width: 100%;

}

.main-nav ul li ul li {

	margin: 0;

	width: 100%;

}

.main-nav ul li ul li a {

	padding: 15px;

}

.pro-box img {

	height: auto;

	max-width: 100%;

}

.owl-dots {

	display: table;

	margin: 0 auto;

}

.single.single-pro .cun-head h1:before {

	width: 82%;

}

.owl-dots .owl-dot {

	margin: 0 8px;

	-webkit-box-shadow: 1px 1px 5px 0px rgba(221,221,221,1);

	-moz-box-shadow: 1px 1px 5px 0px rgba(221,221,221,1);

	box-shadow: 1px 1px 5px 0px rgba(221,221,221,1);

	height: 75px !important;

	line-height: 100px;

	margin-left: 4px;

	text-align: center;

	width: 100px !important;

}

.sli-text.main-sel p, .sli-text.main-sel p b {

	font-size: 24px;

	color: #121212;

	font-family: 'avenirregular';

	line-height: 32px;

}

.owl-nav div {

	border: 2px solid #007cc4;

	color: #1285c8;

	font-size: 29px;

	height: 50px;

	line-height: 45px;

	text-align: center;

	width: 50px;

}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {

	border: none;

}

.meta-nav.screen-reader-text, .screen-reader-text {

	display: none;

}

.navigation.pagination {

	display: inline-block;

	float: none;

	text-align: center;

	width: 100%;

}

.page-numbers {

	font-size: 18px;

	text-align: center;

	color: #1285c8;

	border: 1px solid #1285c8;

	padding: 5px 12px;

	margin-right: 25px;

	font-weight: bold;

}

.navigation.pagination {

	margin: 40px 0 0;

}

.next.page-numbers::after {

	content: ">";

	font-weight: bold;

	font-size: 28px;

	color: #1285c8;

	margin-top: -7px;

	position: absolute;

}

.prev.page-numbers::after {

	content: "<";

	font-weight: bold;

	font-size: 28px;

	color: #1285c8;

	margin-top: -7px;

	position: absolute;

}

.next.page-numbers, .prev.page-numbers {

	font-size: 0;

	border: none;

}

.next.page-numbers:hover, .prev.page-numbers:hover {

	background: none;

}

.page-numbers:hover {

	background-color: #1285c8;

	color: #fff;

}

.page-numbers.current {

	background-color: #1285c8;

	color: #fff;

}

.owl-nav div i {

	font-style: normal;

	font-weight: bold;

}

.owl-nav .owl-prev {

	float: left;

}

.owl-nav .owl-next {

	float: right;

}

.slide-cont .owl-nav {

	left: -190px;

	position: absolute;

	right: -190px;

	top: 36%;

	transform: translateY(-50%);

}

.dwon-butn.main-sel .right-btn a {

	width: 150px;

	text-align: left;

}

.pro-template-default.single.single-pro.postid-295 .customize-support .sel-gap.main-sel {

	padding: 60px 0 10px 0;

}

.top-gap {

	margin-top: 25%;

}

.sel-gap img {

	max-width: 100%;

}

.bor-link {

	/*background: url(http://www.itsugestion.com/dev/mscl/wp-content/uploads/2017/12/fgh.jpg) no-repeat;*/

	background-position: left top 20px;

	padding: 0 0 0 35px;

	position: relative;

}

.up.wht-img {

	bottom: 14px;

}
.tc_active .bor-link::before {	height: 89px; top:49%;} 
.bor-link::before {

	height: 220px;

	border-left: 1px dashed #000;

	bottom: 0;

	content: "";

	left: 5px;

	position: absolute;

	top: 18%;

}

.mar-dwon {

	margin-bottom: 15px;

}

.b-nav i {

	color: #000000;

	font-style: normal;

}

.in-cont .main-sel.goal-box {

	width: auto;

	margin: 30px -30px 0 -30px;

	display: table;

}

/*





------------------  service ( it-outsourcing-service/  )  ------------------



*/





body.single.single-service .padding-up {

	margin-bottom: 40px;

}

.pro-box {

	width: 100%;

	display: table;

}

.sel-gap.main-sel .pro-box.main-sel {

	padding: 20px 15px 10px;

}

.single-service .sel-gap.main-sel .pro-box.main-sel .col-sm-6 {

	clear: none;

}

.single-service .othr-box-content .pro-box.main-sel.oth-box {

	height: 380px;

}

.col-sm-4.othr-box-content {

	padding-left: 4px;

	padding-right: 4px;

	margin-bottom: 10px;

	line-height: normal;

}

/*.service-template-default.single.single-service.postid-137 .sel-gap.main-sel .pro-box.main-sel {

	padding: 0;

}*/

.othr-box-content .con-tex.main-sel p {

	padding-top: 0;

}

.pro-box.main-sel.out-box {

	padding: 27px 15px 50px 23px !important;

	display: table-cell;

}

.pro-box.nouts.main-sel.out-box.main-box {

	padding-bottom: 0 !important;

}

.pro-box.nouts.main-sel.out-box .ser-points.main-sel {

	padding-bottom: 19px;

}

.pro-box.main-sel .col-sm-5 {

	display: table-cell;

	vertical-align: middle;

	float: none;

}

.service-template-default.single.single-service .col-sm-7 {

	display: table-cell;

	float: none;

}

.sel-gap.main-sel .pro-box.main-sel.nat-box {

	padding: 25px 25px 40px 25px;

}

.sel-gap.main-sel .pro-box.main-sel .text-center {

	padding-bottom: 50px;

}

.page-template-products .sel-gap.main-sel .pro-box.main-sel .text-center {

	padding-top: 37px;

	width: auto;

}

.page-template-products .sel-gap.main-sel .col-md-4:nth-child(3n+4) {

	clear: left;

}

.sel-gap.main-sel.news-bigbox .pro-box.main-sel {

	padding: 0;

}

.single-service.postid-145 .sel-gap.main-sel .pro-box.main-sel .text-center {

	padding-bottom: 30px;

}

.single-service.postid-145 .sel-gap.main-sel .pro-box.main-sel {

	padding: 30px 0 0 10px;

}

.news-bigbox .col-sm-12 .pro-box .pro-pic.main-sel.text-center {

	padding: 0;

}

.pro-box.main-sel.oth-box {

	padding: 17px 10px !important;

	height: 100%;

	display: table-cell !important;

	vertical-align: middle;

	float: none;
}

.page-template-products .pro-pic-text.main-sel h2 {	color: #121212; margin-bottom: 0;}
/*.page-template-partners .col-md-3.col-sm-6.col-xs-6.text-center {	padding-left: 0;}*/
.single.single-post.postid-328 .cun-head h1::before {	width: 61%;}

/*------------------  service end  ------------------


*/


.page-template-about .con-tex p::first-letter, .goal-box p::first-letter { font-weight: 900;}
.logofive .col-md-3 {	width: 20%;}
.loadbox {	position: relative;}

.loader p {

	left: 50%;

	position: absolute;

	top: 50%;

	transform: translateY(-50%) translateX(-50%);

}

body.single.single-service .padding-up .col-md-9 P {

	padding: 40px 0 10px 0;

}

body.single.single-service .padding-up .col-md-9 P:first-child {

	display: none;

}

.loader p img {

	width: 73px;

}

.loader {

	background: rgba(255,255,255,0.5);

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

}

.navbar-collapse {

	display: block;

}

.mobile, .up.wht-img, .mobile-width-contennt {

	display: none;

}

.list-nav .arrow-up {

	/*background-image: url("http://mscl.rovertech.com.hk/wp-content//themes/msc/images/n-arrow-up.png;");*/
	background-repeat: no-repeat;

	background-position: 83px center;

}

.list-nav .arrow-down {

	/*background-image: url("http://mscl.rovertech.com.hk/wp-content//themes/msc/images/news-arrow.png;");*/
	background-repeat: no-repeat;

	background-position: 83px center;

}

.owl-item {	margin: 0 auto;	text-align: center;	width: auto;}
.owl-item div img {	margin: 0 auto;	width: auto !important;}
.copyright-footer p {	display: inline-block;}
.products-btn img {	float: right;	margin-top: 2px;}
.con-tex.main-sel.lineleft {   padding-bottom: 30px;} 
.probox-content { padding-right: 10px;  padding-left: 10px;}
.lang-widget.year-select {   margin-top: -7px;}
.bootom-section .logofive .col-md-3.col-sm-6.col-xs-6.text-center { margin-bottom: 30px; vertical-align: middle;  float: left;}

 @media (max-width: 1279px) {

.navbar-header { float: none;}
.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px;}
.navbar-text { float: none;	margin: 15px 0;}
/* since 3.1.0 */
.navbar-collapse.collapse.in {display: block!important;}
.collapsing {	overflow: hidden!important;}
}

 @media (max-width: 1199px) {

body.page-template-partners .sel-gap {	margin: 0; padding-top: 25px;}
.slide-cont .owl-nav { right: -98px; left: -149px;}
.news-bar p {	padding: 15px 0 0;	line-height: normal;}
.news-bar.main-sel .col-lg-2 { float: right;}
.dwon-butn a { font-size: 15px;}
.up { bottom: 98px;}
.copy-box p {font-size: 15px;}
.event-list a .col-sm-4 h3, body.archive.category.category-events .event-list.main-sel h3 {	font-size: 17px;}
.event-list a h3, .event-list a h4 {font-size: 17px;}
.event-list a h4 { padding: 8px 30px; }
.tc_active .nav li {	margin-right: 90px; -moz-margin-end:86px !important ; }
.main-nav ul li { margin: 0 4.9% 0 0;	margin-right:45px; -moz-margin-end:41px !important}
.main-nav ul li:last-child{margin:0 !important;}
.page-template-partners .col-md-3.col-sm-6.col-xs-6.text-center:nth-child(6){ clear: left;}
}

 @media (min-width:992px)and (max-width:1199px) {

/*=========================  Home  =======================*/

.main-nav ul li { -moz-margin-end : 0 41px 0 0; -webkit-margin-end :46px; /* before margin: 0 41px 0 0; */}
.safari .main-nav ul li {margin-right:31px;}
.tc_active.safari .main-nav ul li {margin-right:86px !important;}
.safari .main-nav ul li:last-child {margin-right:0px;}
.bor-link::before {	height: 220px; top: 18%;}

.ser-box h1::before {

	right: 216px;

}

.news-bar p, .over-box h6 {

	font-size: 18px;

}

.news-bar p {

	padding: 30px 0 0

}

.news-bar h1 {

	font-size: 22px;

	padding-left: 30px;

}

/*=========================  about  =======================*/

.sel-gap.main-sel .col-lg-8 {	width: 66.6667%;}
.con-tex p, .goal-box p, .con-tex.main-sel.lineleft p {	font-size: 20px;	line-height: 26px;}
.con-tex h2 {	font-size: 22px; line-height: 28px;}
.main-sel.lineleft .bor-link:last-child {	margin-top: 15px;}
.bor-link::before {	height: 160px;	top: 22%}
.tc_active .bor-link::before { height: 55px;   top: 58%;}
.bor-link {	padding: 0 0 0 20px;}

/*=========================  outsourcing-service  =======================*/
.page-link a { font-size: 16px;}

}

 @media (max-width: 1024px) {
.main-nav ul li { -moz-margin-end:41px !important}
.news-bar p span {

	margin-right: 3%;

}

.top-gap {	margin-top: 40%;}
.ser-points li {	font-size: 16px;}
.sel-gap img {	max-width: 100%; width: 100%; height: auto;}

.dwon-butn.main-sel a img {

	float: right;

	margin-top: 2px;

	margin-left: 7px;

}

.products-btn {

	display: inline-block;

}

.dwon-butn a img {

	width: auto;

}

}

 @media(min-width:769px) and (max-width:991px) {
.safari .main-nav ul li:last-child {margin-right:0px;}
/*=========================  Home  =======================*/
.news-bar h1 {	font-size: 18px;	padding-left: 20px;}
.news-bar h1 { padding: 15px 15px;}
.news-bar p {	padding: 10px 0 0;}
.news-bar p {	padding: 26px 0 0}
.icon-box a {	padding: 17px 15px;}
.ser-box.main-sel .col-md-6, .copy-box.main-sel .col-md-7 {	float: left; width: 50%;}
.over-box h6 {	font-size: 14px;	line-height: normal;}
.over-box { right: 10px;	padding: 15px 130px 15px 15px;	height: 60px;}
.copy-box p {	font-size: 14px;	line-height: normal;}
.ser-box h1::before { right: 140px;}
.news-bar p, .over-box h6 {	font-size: 16px;}
.main-nav ul li {	margin: 0 2.6% 0 0; /* before margin: 0 15px 0 0; */}
.main-nav nav ul li a {	font-size: 14px;}
.top-link li p, .top-link li select {	font-size: 16px;	height: 40px;	line-height: 24px;}
.top-link li p {	padding: 7px 18px;}
.top-link li img {	margin-top: -3px;}
.top-part.main-sel .col-sm-9 { width: auto;}
.top-part.main-sel .col-sm-8 { width: 43%;	padding-right: 0;}
.dwon-butn.main-sel .col-sm-5 a {	display: block;	max-width: 231px;	font-size: 20px;}
body.pro-template-default.single.single-pro .dwon-butn.main-sel a {font-size: 20px;}
.dwon-butn.main-sel .col-lg-4 {	width: auto;}

/*=========================  about  =======================*/

.in-cont {padding: 20px 10px;}
.main-sel.goal-box .col-md-3.text-center {	width: 20%;}
.goal-box h2 {	font-size: 20px;}
.con-tex p, .goal-box p, .con-tex.main-sel.lineleft p {	font-size: 18px;	line-height: 26px;}
.con-tex h2 {	font-size: 22px;	line-height: 28px;}
.main-sel.lineleft .bor-link:last-child {	margin-top: 10px;}
.bor-link::before {height: 179px;	top: 19%;}
.tc_active .bor-link::before {height: 76px;	top: 41%;}
.bor-link {	padding: 0 0 0 18px;}
.in-cont .main-sel.goal-box {	margin: 30px -10px 0;}

/*=========================  products-services  =======================*/

.sel-gap { padding: 20px 0 0;}
.page-template-products .sel-gap.main-sel .col-md-4:nth-child(3n+4) {	clear: none;}
.page-template-products .sel-gap.main-sel .pro-box.main-sel .text-center {	width: 100%;}

/*=========================  outsourcing-service  =======================*/

.page-down-link::before {	right: -11px;	left: -11px;}
body.single.single-service .padding-up {padding: 25px;}
.sel-gap.main-sel.loadbox .col-sm-4.left-news-content {	display: inline-block;	margin: 0 auto;	width: auto;}
.col-sm-4.col-md-3.col-xs-4.col-lg-3.news-seciton {	width: 24%;	padding-right: 0;}
.col-sm-4.col-lg-5.col-md-5.col-xs-4.right-news-content {	width: 57% !important;	padding: 0}
.news-evnt {	width: auto;}
.tc_active .nav li { margin-right: 58px; -moz-margin-end: 54px !important;}
.safari .main-nav ul li{ margin-right:13px;}
.tc_active.safari .main-nav ul li{ margin-right:59px !important;}
.safari .main-nav ul li a{ font-size:13px;}
.main-nav ul li{-moz-margin-end:15px !important ;}
}

 @media (max-width: 768px) {
.news-inner.products-btn{width:100%;}
.con-tex.main-sel.add-vbox {  display: inline-block; float: left;}
.logo-img 	{padding-left: 0;}
.dropdown-menu { position:static;}
.event-list {padding: 15px 0}
.navbar-nav .open .dropdown-menu li a {	padding: 0;}
.event-list a .col-sm-4 h3 {	padding: 9px 0;}
.page-template-news-event .sel-gap.main-sel .news-evnt.last {	padding: 0;}
.top-link {	display: block;width: 100%;}
.top-link li select { text-align-last: center;}
.tc_active .top-link li select {-webkit-padding-start: 0; text-align-last:center;}
.top-link p {	text-align: center;}
.lang-widget {	float : none;}
.lang-widget::after {	right: 28%;}
.top-link li:first-child, .top-link li:last-child {	width: 40%;}

/*.top-link li:last-child {	float: right;}*/

.top-link li:nth-child(2) {	width: 20%;	border-left: 1px solid #fff;	border-right: 1px solid #fff;}
.top-link li {	margin-left: 0}
.top-part.main-sel {padding-top: 0;}
.top-header.pull-right {	padding: 0; margin: 0 -25px;	float: none !important;	width: auto;}
.dropdown-menu {box-shadow: none; -webkit-box-shadow: none; border: medium none;}
.dwon-butn.main-sel.news-inner {	width: 100%;}
.owl-carousel .owl-item img {width: auto;	margin: 0 auto}
.single-pro .sel-gap.main-sel .col-sm-8 { margin: 0;	width: 100%;}

/*list-nav .arrow-up, .list-nav .arrow-down {background-position: 78px center;}*/
.right-mob-content {display: none;}
.dwon-butn.main-sel a img {	width: 20px;	margin-top: 6px;}
.dwon-butn.main-sel .col-md-3 a img {	margin-top: 6px;}
.ser-box hr {	width: 110px;	margin-bottom: 10px;}
.ser-box h1::before {	right: 152px;}
.over-box h6 {font-size: 28px;	line-height: 37px;	vertical-align: middle;	padding: 30px 16px;}
.news-bar {	margin: 30px 0 0px 0;}
.no-padding.full-width-contennt {padding-top: 5px;}
.top-part.main-sel {padding: 0px 0 10px;}

.full-width {display: none;}
.mobile {padding-left: 0; display: block;}
.news-bar h1 {	/*font-size: 20px;*/ padding: 5px 14px;}
.navbar-toggle {	display: block;}
.no-padding p { line-height: 27px;	font-size: 18px;	padding: 3px 0 0 0 !important;}
.page-link {	margin-bottom: 2px; padding-left: 0px;}
.sel-gap img {	width: auto;}

/*.news-bar h1, .news-bar p { font-size: 26px; display: inline-block; line-height: 29px;}*/
.navbar-header {top: 53%;}
.top-bar-section {	position: relative}
.navbar-toggle {	padding: 0;	margin: 0}
.main-sel.lineleft .bor-link:last-child {margin-top: 20px;}
.mar-gap {	margin: 0;}
.ser-in {margin: 17px 0 15px 0;}
.news-bar p span {	display: block;}
footer .container .row .col-sm-3:last-child .ft-head.main-sel {	width: 100%;}
.copy-box p {	font-size: 18px;	text-align: center;}
.blue-img {	display: none;}
.up.wht-img {display: block;}
.copy-box {	padding: 23px 0;}
.up.wht-img {bottom: 23px;}
.collapse {	display: none;}
.main-nav ul li {	width: 100%;	padding: 10px 0;}
.navbar-header {

	width: auto;

	position: absolute;

	right: 15px;

}

.news-bar.main-sel .mobile {

	width: 28%;

}

.full-width-contennt {

	float: left;

	width: 55%

}

.news-bar.main-sel .col-sm-1 {

	width: 10%;

	float: right;

	position: relative;

}

.icon-box.main-sel {

	position: absolute;

	margin: auto;

	left: 0;

	right: 0;

	text-align: center;

	top: 19px;

}

.icon-box a {

	padding: 0;

	float: none;

}

.ser-box h1 {

	font-size: 28px;

	line-height: 37px;

}

footer .col-sm-3 {

	display: none;

}

.copyright-part p {

	width: 470px;

	margin: auto;

	line-height: normal;

}

.copy-box {

	margin: 0;

}

footer {

	padding: 0;

}

.main-slider .carousel-indicators li {

	height: 5px;

}

.carousel-indicators {

	bottom: 10px;

}

.news-bar h1 {

	line-height: normal;

}

.mobile-width-contennt {

	display: block;

}

.ser-box h1::before {

	text-align: center;

	margin: 0 auto;

	left: 120px;

	right: 0;

}

.slide-cont .owl-nav {

	right: 0px;

	left:0px;

}



.page-template-partners .col-md-3 {

	width: 33% !important;

}

.page-template-partners img.c-pic {

	width: auto;

}

.logofive .logo-box {

	display: inline-block;

	width: auto;

	float: left;

}

/*=========================  about  =======================*/





/*=========================  News =======================*/

.list-nav {

	float: right;

	margin-right: -46px;

}

/*=========================  News  end =======================*/


.in-ban h1 {

	font-size: 24px;

}

.in-ban {

	padding: 100px 0 120px;

}

.cun-head h1 {

	font-size: 28px;

	padding-bottom: 5px;

}

.main-sel.goal-box .col-md-3.text-center {

	width: 100%;

	display: inline-block;

}

.in-cont .main-sel.goal-box {

	display: block;

}

.con-tex p, .goal-box p {

	line-height: 28px;

	font-size: 20px;

}

.con-tex h2 {

	margin:0;

}

.goal-box h2 {

	text-align: left;

	font-size: 28px;

	padding: 0;

}

.sel-gap.main-sel .col-sm-4, .sel-gap.main-sel .col-sm-8 {

	width: 100%;

	margin: 0;

}

.bor-link, .con-tex.main-sel.lineleft p {

	padding: 0 0 0 25px;

}

.bor-link {

	background-position: top 10px left;

}
.tc_active .bor-link::before {	top: 42%;	height:63px;}
 .bor-link::before {	top: 14%;	height: 187px;}

/*=========================  products-services  =======================*/

.page-template-products .sel-gap.main-sel .pro-box.main-sel .text-center {

	width: 100%;

}

.navigation.pagination {

	position: relative;

}

.prev.page-numbers {

	position: absolute;

	left: 0;

	padding-top: 0;

}

.next.page-numbers {

	position: absolute;

	right: 0px;

	padding-top: 0;

}

/*=========================  outsourcing-service  =======================*/




body.single.single-service .padding-up .col-md-9 P {

	padding: 15px 0;

}

body.single.single-service .padding-up {

	padding: 25px 0;

}

body .single-service .postid-137.cun-head h1::before {

	width: 54%;

}

.pro-box.main-sel .col-sm-5, .service-template-default.single.single-service .col-sm-7 {

	width: 100%;

	display: block;

}



.service-template-default.single .sel-gap {

	margin-bottom: 0;

}

/*========================= product details  =======================*/

.pro-box .pro-pic-text.main-sel {

	padding-left: 10px;

}

/*=========================  Network , outsourcing-service  =======================*/


.sel-gap.main-sel .col-sm-6 {

	width: 100%;

}

.sel-gap.main-sel .pro-box.main-sel .text-center {

	padding-bottom: 10px;

}

.top-gap {

	margin-top: 15%;

}

.cun-head h1 {

	font-size: 24px;

}

.pro-template-default.single.single-pro .sli-text.main-sel {

	padding: 16px 0 0 0

}

.ser-points.main-sel {

	margin: 0;

}

/*=========================  partners-client  =======================*/




.page-template-partners .col-md-3.col-sm-6.col-xs-6.text-center {

	width: auto;
      display: inline-block;
    padding: 0 20px;
    text-align: center;

}

/*=========================  news-client  =======================*/



.sel-gap.main-sel.loadbox .col-sm-4.left-news-content {

	display: inline-block;

	margin: 0 auto;

	width: auto;

}

.col-xs-4.col-lg-3.news-seciton {

	display: inline-block;

	width: auto;

}

.col-xs-4.right-news-content {

	display: inline-block;

	width: 50% !important;

}

.event-list a .col-sm-4 h3 {

	font-size: 17px;

}

.news-seciton h4 {

	font-size: 18px;

	font-weight: bolder;

}

.col-xs-4.right-news-content {

	display: block;

	width: 55%;

	padding: 0

}

.event-list a h4 {padding: 8px 25px; font-size: 17px;}
.cun-head.main-sel.evnt-heading {	border: medium none; display: inline-block;	float: left;	width: auto;}
hr{display: inline-block;}
.sel-gap.main-sel .col-sm-8 {	margin: 0;	width: auto;}
.page-template-news-event .sel-gap.main-sel .news-evnt {width: 15%;}
.page-template-news-event .sel-gap.main-sel .news-evnt.center {	width: 25%;	text-align: center;}
.page-template-news-event .sel-gap.main-sel .news-evnt.last { width: 60%;}

/*=========================  news-and event  =======================*/

.single-box .con-tex > h2 {	margin: 10px 0 5px;}
.col-lg-6 .cun-head.main-sel {	display: inline-block;	width: auto;}
.dwon-butn.main-sel .text-center a {	width: auto}
.tc_active .news-inner .products-btn a{width:auto !important;}
.event-list h4{padding-left:0 !important; padding-right:0 !important;}

/*=========================  contect =======================*/

.con-tex.main-sel.list-box-cntnt {	margin: 0 !important;}
.col-sm-4.othr-box-content {	text-align: center;}
.pro-box.main-sel.oth-box .con-tex.main-sel {	padding: 30px 0;}
.page-down-link.main-sel {margin-top: 30px;}
.tc_active .col-md-4.col-sm-4.col-lg-3.products-btn a { width: auto; text-align: center;}
.tc_active .dwon-butn.main-sel a {width: 165px;}
.dwon-butn.main-sel a {max-width: 205px !important;	padding: 5px 20px;	font-size: 20px;}


.pull-right.right-btn > a {

	font-size: 20px;

	width: 127px !important;

}

.page-template-contact-us .con-line {	border:2px solid #f4f4f4;	margin:30px 0 32px;	position:relative;}
.page-template-contact-us .con-line::before {

    background: #f4f4f4;

    content: "";

    display: block;

    height: 4px;

    position: absolute;

    width:30px;

	left:-29px;

	top:-2px;

}

.page-template-contact-us .con-line::after{

	background: #f4f4f4;

	content: "";

	display: block;

	height: 4px;

	position: absolute;

	width:30px;

	right:-29px;

	top:-2px

}

.event-list a h3 {margin-top: 0px;}
.top-link li p {	padding-left: 0;	padding-top: 8px;padding-right: 0;}
.navbar-nav .open .dropdown-menu li a {	padding: 14px 0 0;}
.arcfilter{    border: none;	background-image: none;	padding: 0 27px 0 24px;}
.event-list a h4 {width: 100px;}
.copyright-footer {text-align: center;}
.lang-widget.year-select::after { right: 19%; top: 24%;}
.row {	margin-left: 0;	margin-right: 0;}
.page-down-link.main-sel .col-md-6 {padding: 0;}

/*====================  col-sm  ===================== */
.main-sel.goal-box .col-md-3.text-center, .main-sel.goal-box .col-md-9 { padding: 0 30px;}
.sel-gap.main-sel .col-sm-4, .sel-gap.main-sel .col-sm-8, .sel-gap.main-sel .probox-content, .in-cont .col-sm-12, .sel-gap.main-sel .col-sm-6, .in-cont.main-sel .news-heading  { padding: 0;}
.cun-head h1{ border-bottom: 4px solid #007cc4;}
.main-conbox.main-sel .container { padding: 0 30px;}
.sel-gap.main-sel .pro-box.main-sel {padding:10px 30px;}
.owl-nav div{ width: 30px; height:30px; font-size:16px; line-height:26px;}
.sli-text.main-sel p, .sli-text.main-sel p b { font-size:22px;}
.single-service .othr-box-content .pro-box.main-sel.oth-box { display:inline-block !important; height:auto;}
.dwon-butn.main-sel.news-inner img {margin-top: 6px;}
.con-tex.main-sel.add-vbox { height:auto;padding:20px 0 0px;}
.con-tex.main-sel {  margin-top: 35px;}

/*====================  col-sm-end  ===================== */
.lang-widget { float: none;}
.list-nav li select{ padding:0 35px 0 20px;  margin-top: -6px; }
.page-template-partners .col-md-3.col-sm-6.col-xs-6.text-center:nth-child(4){clear:left;}
.page-template-partners .col-md-3.col-sm-6.col-xs-6.text-center:nth-child(6){clear:none;}

}

 @media (max-width: 767px) {

.cont-box.main-sel .in-cont.main-sel .col-sm-12 {	padding: 0;}
.event-list a .col-sm-4 h3, .event-list a h4 {	font-size: 14px;}
.page-template-news-event .sel-gap.main-sel .news-evnt.center {	width: 30%;	text-align: center;}
.page-template-news-event .sel-gap.main-sel .news-evnt.last {	width: 55%;}
.event-list.main-sel {	display: table;}

/*.list-nav .arrow-up, .list-nav .arrow-down { padding-right: 0;	padding-left: 29px;	width: 96px;}*/
.event-list.main-sel div {display: table-cell;	float: none;	vertical-align: middle;}
.list-nav li select {	height: 30px;}
.list-nav li a { font-size: 16px;}
.list-nav li select {	font-size: 16px;	height: 35px;}
.dwon-butn.main-sel .products-btn { width: 46%;	padding: 0;}
.tc_active .dwon-butn.main-sel .products-btn {  width: 41%; padding: 0;}
.dwon-butn.main-sel .products-btn:nth-child(2) {padding: 0;	width: 25%;}
.dwon-butn.main-sel .products-btn:nth-child(3) { padding-left: 0;	width: 25%;}
.dwon-butn.main-sel a img {}
.tc_active .dwon-butn.main-sel .col-sm-5 a {	display: inline-block;	width: auto;}
.dwon-butn.main-sel .col-sm-5 a {	display: inline-block;	width: auto;}
.top-header.pull-right {	margin: 0 -15px;}
.sel-gap.main-sel .col-sm-6 {	padding: 0;}
.no-padding p  { font-size:16px;}
.news-bar h1 { font-size:22px;}
.tc_active .pull-right.right-btn > a { font-size: 20px;}
.top-link li select { -moz-padding-end:15px; -moz-padding-start:0; text-align:center;}
.safari .top-link li select { padding-left:45px; text-align:center;}
.lang-widget::after{right:26%;}

}


 @media (max-width: 600px) {
 .safari .top-link li select { padding-left:30px; text-align:center;}
 .top-link li select { -moz-padding-end:20px; -webkit-padding-start: 0 9px ;}
.dwon-butn.main-sel a {	font-size: 16px !important;}
.page-template-products .pro-pic-text.main-sel h2 {	font-size: 16px;}
 .list-nav li select{ padding: 0 25px 0 15px ; font-size:14px;} 
 .lang-widget.year-select::after {    top: 23%;    right: 15%;}
.event-list a h4 {	width: 80px !important;}
.page-template-products .sel-gap.main-sel .pro-box.main-sel .text-center {	height: auto;padding: 0;}
.page-template-products .pro-pic-text.main-sel {	padding: 20px 7px;}
.tc_active .bor-link::before { top: 27%;   height: 93px;}
.dwon-butn.main-sel .col-sm-5 a {	font-size: 20px}
.news-bar.main-sel .mobile {	width: 30%;	padding-right: 0;}
.news-bar h1 {	padding: 5px 14px;}
.no-padding p {	font-size: 14px;	line-height: normal;}
.no-padding.full-width-contennt {	padding-top: 8px;}
.icon-box.main-sel {	top: 13px;	text-align: left;}
.in-ban {	padding: 80px 0 100px 0;}
.bor-link::before {	height: 250px;	top: 11%;}
.top-part {	position: relative;}
.main-nav {	padding: 0;}
.logo img {	max-width: 100%;}
.event-list a h3, .event-list a h4 {	margin: 10px 0 !important;}
.up {	bottom: 88px;	right: 25px;}
.over-box h6 { font-size: 16px; line-height: normal;	padding: 0;}
.products-btn a {	padding: 7px 8px !important; padding-right: 20px;	font-size: 18px !important;}
.single.single-pro .sel-gap.main-sel p, .single.single-pro .sel-gap.main-sel p b {	font-size: 16px;}
.event-list a .col-sm-4 h3 {	font-size: 14px;}
.col-xs-4.right-news-content {	width: 52%}
.news-evnt {width: auto}
.event-list a h4 {padding: 8px 15px;}
.event-list a .col-sm-4 h3 {	font-size: 14px;}
.event-list a h4 {	width: 100px;}
.b-nav li a, .b-nav li p {	font-size: 12px;	padding: 3px 3px;}
.dwon-butn.main-sel a {	line-height: normal;}
.dwon-butn.main-sel a img {	margin-top: 0 !important;}
.dwon-butn.main-sel .text-center a img {	padding-top: 0px;}
.dwon-butn.main-sel a {	padding: 8px 15px !important;}
.pull-right.right-btn > a {	width: auto !important;}

/*.top-link li select {	padding: 0 20px;}*/

.navbar-header { top: 54%;}
.list-nav li a {	font-size: 14px; margin-right: 0;	margin-left: 0;}
.tc_active list-nav li a {	margin-right: 5px; margin-left: 0;}
.arcfilter {	height: 30px;}
.news-bar.main-sel h1 {	font-size: 20px;}
.copyright-part p {	font-size: 14px;	width: 100%;}
.up a img {	width: 28px;}
.up.wht-img {	bottom: 17px;	right: 8px;}
.sli-text.main-sel table { width: auto;}
.lang-widget::after{right:22%;}
.page-template-partners .col-md-3.col-sm-6.col-xs-6.text-center{ padding:0 20px 0 10px;}

}

 @media (max-width: 480px) {
   .safari .top-link li select { padding-left:20px; text-align:center;}
.top-link li select {text-align-last: center;}
.top-link li:last-child {	float: right;}
.list-nav li {	margin: 0;}
.arcfilter {padding-right: 0; padding-left: 19px; height:30px; width: 75px;     margin-top: 6px;}
.list-nav li a {	margin-left: 0;	display: inline-block;	margin-right: 15px;	font-size: 14px;}
.top-part.main-sel {	padding-top: 0;}
.ser-box h1::before {right: 0;	left: 120px;	text-align: center; margin: 0 auto;}
.owl-dots .owl-dot {	width: 80px;	margin: 0 14px;}
.up {	bottom: 130px;	right: 25px;}
.pull-right.right-btn.products-btn, .pull-right.right-btn.products-btn a {	float: right !important;}
.dwon-butn.main-sel .col-md-3 a img {	width: 16px;	vertical-align: middle;}
.dwon-butn.main-sel a img {	width: 16px;}
.dwon-butn.main-sel a {	font-size: 13px !important;}
.dwon-butn.main-sel .products-btn {	width: 47%;	padding: 0;}
.bor-link::before {	height: 196px;	top: 18%;}
.news-bar {	position: relative;}
.news-bar.main-sel .mobile {width: 30%;	padding-right: 0;}
.tc_active .news-bar.main-sel .mobile {  width: 35%;  padding-right: 0;}
.news-bar.main-sel h1 {	font-size: 16px;	padding: 5px 14px;}
.news-bar p {width: 100%; line-height: normal; float: left;}
.news-bar p span {float: left;	margin-right: 0;	width: 100%;}
.over-box h6 { font-size: 14px;	width: auto}
.no-padding.full-width-contennt {	padding-top: 0;}

/*.no-padding p {	font-size: 12px;}
*/

/*.no-padding.full-width-contennt {	padding-top: 12px;}*/
.icon-box.main-sel {

	top: 13px;

	text-align: left;

}

.ser-box h1 {

	font-size: 22px;

}

.ser-box h1::before {

	right: 0px;

}

.copyright-part p {

	width: auto;

}

.over-box {

	right: 0;

}

.con-tex h2 {

	font-size: 18px;

	line-height: normal;

}

.up.wht-img {

	bottom: 17px;

	right: 9px;

}

.up a img {

	width: 27px;

}

.products-btn {

	padding-right: 0

}

.lang-widget {

	float: none;

}

/*=========================  about  =======================*/





.in-ban {

	padding: 80px 0 80px 0;

}

.in-cont .main-sel.goal-box {

	margin:20px -30px 0;

}

.cun-head h1 {

	font-size: 18px;

}

.in-ban h1 {

	font-size: 20px;

	padding-bottom: 5px;

	margin-bottom: 10px;

}

.con-tex p, .goal-box p, .con-tex.main-sel.lineleft p, .page-template-products .pro-pic-text.main-sel h2, .sel-gap.main-sel .pro-pic-text.main-sel p {

	font-size: 16px;

	line-height: 22px;

}

.goal-box {

	padding: 50px 0 30px;

}

.bor-link {

	background-position: left top 3px;

}

.bor-link::before {

	top: 10%;

	height: 165px;

}

/*=========================  products-services  =======================*/



.pro-box {

	margin: 0 0 15px;

}

.page-template-products .pro-pic-text.main-sel {

	padding: 10px 0;

}

.pro-pic-text p {

	margin-bottom: 0;

}

.navigation.pagination {

	margin:25px 0 0;

}

.page-numbers {

	margin-right: 15px;

}

/*=========================  outsourcing-service  =======================*/





body.single.single-service .padding-up {

	padding: 20px 0;

}

.page-down-link {

	padding: 15px 0;

}

.page-link a {

	padding: 10px 0;

	font-size: 16px;

	line-height: 22px;

}

.col-sm-4.col-lg-5.col-md-5.col-xs-4.right-news-content {width: 100%;}
.sel-gap.main-sel.loadbox .col-sm-4.left-news-content {	width: 100%}
.event-list.main-sel div {padding: 5px;}
.event-list a .col-sm-4 h3 {	line-height: normal; font-size: 12px;}
.page-template-news-event .sel-gap.main-sel .news-evnt.center {	width: 30%;	text-align: center;}
.page-template-news-event .sel-gap.main-sel .news-evnt.last {	width: 55%;}

/*.top-link li select {

	padding: 0 18px;

}*/

.top-header.pull-right {	margin: 0 -15px;}
.top-link li p {	padding-left: 0; padding-right: 0;}
.owl-dots .owl-dot {	margin-right: 3px;	margin-left: 0;}
.owl-dots .owl-dot:last-child {	margin-left: 0px;}
.news-heading {	padding: 0;}
.tc_active .pull-right.right-btn > a {  width: 82px !important;}
.lang-widget::after { right:20%; top: 25%;}
.sli-text.main-sel table { width: auto !important; }
.page-template-partners .col-md-3.col-sm-6.col-xs-6.text-center:nth-child(4){ clear: left;}

}

 @media (max-width: 460px) {
 .tc_active .lang-widget.year-select{margin:0;}
 .lang-widget select#qtranxs_select_qtranslate-2-chooser { padding:0 13px 0 0px;}
 .lang-widget.year-select::after { top: 8px;}
 .list-nav li:first-child { width: 19%;}
 .sli-text.main-sel table { width: auto !important;}
.tc_active .top-link li select{padding-right:18px;}
.tc_active .dwon-butn.main-sel .col-sm-5 a { display: inline-block;    width: 100px;}
.lang-widget.year-select {  margin :auto; max-width:75px}
.list-nav li:last-child {	float: left;	margin: 0;}
.loadbox {	padding: 0;}
.list-nav li {	display: inline-block; float:left;	margin-left: 0px;	text-align: center;	width: 24%;}
.list-nav li a { margin-left: 0; margin-right:0px;  margin-top:8px;}
.list-nav li select{margin:0;}
.list-nav {	display: inline-block;	float: none;	margin-right: 0;	padding: 10px 0;	width: 100%;}
.in-cont.main-sel .col-lg-6.col-sm-7 {	padding: 0;}
.dwon-butn.main-sel a {	font-size: 14px;	padding: 8px 15px;}
.up {	bottom: 88px;	right: 25px;}
.event-list a h4 { width: 62px !important;	padding: 5px 3px;}
.bor-link::before {	height: 220px;	top: 17%;}
.news-bar.main-sel .mobile {	padding: 0;}
.news-bar.main-sel .col-sm-1 { width: 15%;}
.full-width-contennt { width: 50%;}
.icon-box a {	padding: 0;}
.news-bar h1 {padding: 5px 4px;}

/*.no-padding p {font-size: 12px;}*/
.no-padding.full-width-contennt {	padding-top: 0px;}
.icon-box.main-sel {top: 10px;	text-align: left;}
.ser-box h1 {	font-size: 22px;}
.copyright-part p {	width: auto;}
.copy-box p {font-size: 12px;}
.copy-box {	padding: 20px 0;}
.top-link li p, .top-link li select {font-size: 100%; height: 37px;}
.top-link li p {padding: 5px;}
.lang-widget::after { right: 12%;	top: 20%;}
.navbar-header {	top: 51%;}
.dwon-butn.main-sel a {padding: 9px !important;}
.in-cont {padding: 30px 15px;}
.page-down-link::before {	left: -15px;	right: -16px;}
.news-bar.main-sel h1 {	font-size: 14px;	padding: 5px 10px;	width: 100px;}
.no-padding p {	font-size: 12px; }

/*========================================================*/

.main-sel.goal-box .col-md-3.text-center, .main-sel.goal-box .col-md-9 { padding: 0 15px;}
.in-cont .main-sel.goal-box { margin: 20px -15px 0;}
.sel-gap.main-sel .pro-box.main-sel { padding:10px 15px;}
.page-template-contact-us .con-line::before{ width:15px; left:-15px}
.page-template-contact-us .con-line::after { width:15px; right:-15px;}


}

 @media (max-width: 360px) {
  
 /*.list-nav li:first-child { width: 20%;}
 .list-nav .arcfilter { width: 100% !important;  padding-right: 11px !important; text-align: left;}
.list-nav li select { padding: 0; width: 100% !important; text-align-last: center;}
.list-nav li {	width: 24%;	text-align: left;}	
.list-nav .arrow-up, .list-nav .arrow-down {	padding-right: 0px !important; padding-left: 0px !important; }*/

.no-padding p {	font-size: 12px; padding-left:8px !important;}
.owl-prev {font-size: 18px; height: 25px; padding: 0; width: 25px;}
.list-nav .arcfilter { width: 100%; text-align-last: center; margin: 0; padding-right: 21px; padding-left: 0;}
.logo img {	max-width: 222px;}
.copy-box {	text-align: center;}
.list-nav {	margin: 10px 0;}
.list-nav li { margin-left: 0;}
.list-nav li a, .list-nav li select {	font-size: 13px; margin-right: 0;}
.in-cont.main-sel .col-sm-6 .list-nav {	position: relative;	float: right;}
.in-cont.main-sel .col-sm-6 .list-nav select {-webkit-appearance: none;	-moz-appearance: none; appearance: none;	-ms-word-break: normal;	word-break: normal;}
body.service-template-default.single.single-service.postid-147 .con-tex.main-sel p { font-family: 'avenirregular';}
.single-box.main-sel .con-tex.main-sel p::first-letter {	font-weight: normal;}
.single-box.main-sel .con-tex.main-sel p {	font-weight: normal;	font-family: avenirregular;	color: #121212;}
.con-tex.main-sel.add-vbox .in-add p {	font-family: "avenirregular";}
/*.con-tex.main-sel.add-vbox .in-add p::first-letter {	font-weight: bold;}*/
.top-link li p, .top-link li select {	font-size: 12px;}
.top-link li img {	width: 12px;}
.navbar-toggle .icon-bar {height: 4px;	width: 30px;}
.navbar-header {	top: 54%;}
.dwon-butn.main-sel .products-btn {	width: 67%;	float: left;}
.dwon-butn.main-sel .products-btn:nth-child(2) {width: 33%;	float: right;}
.dwon-butn.main-sel .products-btn:nth-child(3) { float: right;	margin-left: 0;	margin-top: 5%;	padding-left: 0;	text-align: left;	width: 100%;}
.pull-right.right-btn.products-btn, .pull-right.right-btn.products-btn a {	float: left !important;	margin-left: 0;}
.news-bar.main-sel h1 {	width: 90px;	padding: 5px;}
.owl-nav div { height:20px; width:20px; font-size:10px; line-height:16px;}
.slide-cont .owl-nav { left:-15px; right:-15px;} 
.tc_active .bor-link::before { height: 64px; top: 18px;}

}

 @media (min-width: 220px) and (max-width: 382px) {
.news-bar p span {	float: left; margin-right: 0;	width: 100%;}
.news-bar {	position: relative;}
.news-bar p {	padding: 5px 15px;}
.tc_active .bor-link::before { height: 86px; top: 22%;}
}

.news-bar .owl-carousel.owl-loaded { overflow: hidden; width: auto; }