/*@font-face {
    font-family: 'Comfortaa-Regular';
    src: url('../fonts/Comfortaa-Regular.eot'),
         url('../fonts/Comfortaa-Regular.woff2') format('woff2'),
         url('../fonts/Comfortaa-Regular.woff') format('woff'),
         url('../fonts/Comfortaa-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Comfortaa-Bold';
    src: url('../fonts/Comfortaa-Bold.eot'),
         url('../fonts/Comfortaa-Bold.woff2') format('woff2'),
         url('../fonts/Comfortaa-Bold.woff') format('woff'),
         url('../fonts/Comfortaa-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/

@font-face {
    font-family: 'Comfortaa-Bold';
    src: url('../fonts/Comfortaa-Bold.eot');
    src: url('../fonts/Comfortaa-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Comfortaa-Bold.woff2') format('woff2'),
        url('../fonts/Comfortaa-Bold.woff') format('woff'),
        url('../fonts/Comfortaa-Bold.ttf') format('truetype'),
        url('../fonts/Comfortaa-Bold.svg#Comfortaa-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Comfortaa-Regular';
    src: url('../fonts/Comfortaa-Regular.eot');
    src: url('../fonts/Comfortaa-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Comfortaa-Regular.woff2') format('woff2'),
        url('../fonts/Comfortaa-Regular.woff') format('woff'),
        url('../fonts/Comfortaa-Regular.ttf') format('truetype'),
        url('../fonts/Comfortaa-Regular.svg#Comfortaa-Regular') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}





@font-face {
    font-family: 'Open-Sans-regular';
    src: url('../fonts/Open-Sans-regular.eot'),
         url('../fonts/Open-Sans-regular.woff2') format('woff2'),
         url('../fonts/Open-Sans-regular.woff') format('woff'),
         url('../fonts/Open-Sans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

img,object,embed,video{max-width:100%;display:block;width:100%; margin: 0px; padding: 0px;}

.ie6 img{width:100%;display:block}
body{position:relative}
body,div,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,th,td,img{font:'Open-Sans-regular',Sans-Serif;margin:0;padding:0;border:0;color:#555}
.clear{clear:both}
*{outline:none}
*,::after,::before{box-sizing:border-box}
.hide{display:none}
::-moz-selection{background:none repeat scroll 0 0 #70c831;color:#FFF}
label{margin:0}
label.error{font-size:11px!important;text-align:right!important;right:0!important;top:-10px!important;color:red!important}
#footer_form label.error{font-size:11px!important;text-align:right!important;right:0!important;top:20px!important;color:red!important}
:root{--main-color:#165e89;--light-greenbg:#e6f6e8;--light-redbg:#fee4ee;--light-yellowbg:#ffefd2;--light-bluebg:#e9f4ff}
textarea,input:matches( [type="email"],[type="number"],[type="password"],[type="search"],[type="tel"],[type="text"],[type="url"] ){-webkit-appearance:none}
input[type="number"]{-moz-appearance:textfield}
input[type="number"]:hover,input[type="number"]:focus{-moz-appearance:number-input}

.container{max-width:95%}

h1 {font: /*bold*/ 35px/40px 'Comfortaa-Bold',Sans-Serif; color: #3668ab; letter-spacing: -0.5px;}
h2 {font: /*bold*/ 30px/35px 'Comfortaa-Bold',Sans-Serif; color: #3668ab;}
h3 {font: /*bold*/ 25px/30px 'Comfortaa-Bold',Sans-Serif; color: #3668ab;}
h4 {font: /*bold*/ 20px/25px 'Comfortaa-Bold',Sans-Serif; color: #3668ab;}
h5 {font: /*bold*/ 15px/20px 'Comfortaa-Bold',Sans-Serif; color: #3668ab;}
h6 {font: /*bold*/ 10px/15px 'Comfortaa-Bold',Sans-Serif; color: #3668ab;}

.Comfortaa-Regular {font-family:'Comfortaa-Regular',Sans-Serif!important}
.Comfortaa-Bold {font-family:'Comfortaa-Bold',Sans-Serif!important}

p{font-family:'Open-Sans-regular',Sans-Serif;font-size:16px;color:#555;line-height:24px;text-align: left;padding:5px 0}

a{color:#505e7a;text-decoration:none; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
a:hover{color:#000;text-decoration:underline}

::-webkit-input-placeholder{color:#000}
:-moz-placeholder{color:#000}
::-moz-placeholder{color:#000}
:-ms-input-placeholder{color:#000}
.text-trans-none{text-transform:none!important}
.text-center{text-align:center}
.text-right{text-align:right!important}
.text-white{color:#FFF!important}
.text-black{color:#555!important}
.text-ash{color:#999!important}
.text-green{color:#32b16e!important}
.text-blue{color:#282d78!important}
.text-az-blue{color:var(--main-color)!important}
.text-yellow{color:#f7941d!important}
.text-light-green{color:#42c17e!important}
.text-red{color:#da1f27!important}
.text-violet{color:#7d1771!important}
.text-orange{color:#e94c26!important}
.text-capital{text-transform:uppercase!important}
.bold{font-weight:700}
.width-auto{width:auto!important}
label{padding:0;margin:0}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#777;opacity:.5}


.wrapper-main{width:100%;height:auto;overflow:hidden}

header{width:100%;padding:30px 0 10px;position:fixed;left:0;top:0;z-index:9999; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}

.logo{ width: 300px; display:inline-block; user-select: none; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.logo img { width: 100%; padding: 10px; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}


.menu-top {  text-align: right; margin-bottom: 10px; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; display: none;}

.menu-top a, .mob-phone a { font: bold 24px/28px 'Comfortaa-Bold',Sans-Serif; color: #fff; text-decoration: none; }
.menu-top a i, .mob-phone a i { width: 36px; height: 36px; font-size: 16px; line-height: 20px; color: #555; background: #FFF; border-radius: 50px; padding: 8px 11px 0px 0px; position:relative; top: -2px; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}

#primary_nav_wrap{ width: 100% !important;}
#primary_nav_wrap ul { list-style:none; margin:0; padding: 0px; font-size: 0px; text-align:right; display: table; float: right; background: #cf0711; border-radius: 5px;}
#primary_nav_wrap li { position:relative; margin:0; padding:0; display: inline-block;}
#primary_nav_wrap li a { display: inline-block; font: normal 16px/25px 'Comfortaa-Regular',Sans-Serif; color: #FFF; padding: 10px 25px; text-decoration: none; letter-spacing: 0.5px;}

#primary_nav_wrap li:first-child a {}
#primary_nav_wrap li:last-child a { }

#primary_nav_wrap li a:hover { color: #cf0711; background: #fff;}
#primary_nav_wrap li:hover a { color: #cf0711; background: #fff;}
#primary_nav_wrap li:hover ul li a { color: #555; /* background: #0072bb;*/}

#primary_nav_wrap ul li:hover > ul { display:block;}
#primary_nav_wrap ul ul { width:240px; display:none; position:absolute; top:100%; left:0; z-index: 999; padding:0;}
#primary_nav_wrap ul ul li {width: 100%; float: left; text-align: left; padding: 0px; background: #FFF;}
#primary_nav_wrap ul ul li a { font-family:'Open-Sans-regular',Sans-Serif;  font-size: 14px; line-height: 18px; border: 0px; padding: 13px 20px; text-transform: none; font-weight: normal; display: block; border-bottom: 1px solid #eee; border-radius: 0px !important; }
#primary_nav_wrap ul ul li a:hover { color: #cf0711 !important; }
#primary_nav_wrap ul ul.last-ul { position:absolute; top:100%; left: auto !important; right: 0px !important; }
#primary_nav_wrap ul ul ul { width:250px; display:none; position:absolute;left: 100%; top: 0; z-index: 999; padding:0;}

header.smaller{height:auto; box-shadow:0 3px 5px 0 rgba(0,0,0,0.1); padding: 10px 0 10px; background: #FFF;}
header.smaller .logo img{ width:200px;height:auto; padding: 0px 0px 0px 0px;}
header.smaller #primary_nav_wrap ul { background: none;}
header.smaller #primary_nav_wrap li a { color: #555;}
header.smaller #primary_nav_wrap li:hover a { color: #cf0711;}
header.smaller #primary_nav_wrap li a:hover { color: #cf0711;}
header.smaller #primary_nav_wrap li:hover  ul li a  { color: #555;}
header.smaller #primary_nav_wrap ul ul  {box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);}

header.smaller .menu-top { margin-bottom: 0px; margin-top: 5px;}
header.smaller .menu-top a, header.smaller .mob-phone a { color: #555;}
header.smaller .menu-top a i, header.smaller .mob-phone a i, header.smaller .menu-btn i { background: #58b162; color: #FFF;}

.menu-section { margin-top: 20px;}
header.smaller .menu-section { margin-top: 15px;}

.banner-form-main { display: none;}


.banner-wrapper { width: 100%; min-height: 500px; padding: 0; position:relative; background: url(../images/ajax-loader.gif) no-repeat center center / 60px;}
.banner-text-main { position: absolute; left: 0%; top: 50%; z-index: 9; }


.banner-text { background: rgba(0, 0, 0, 0.3); padding: 20px 20px 30px 30px; border-radius: 5px; -moz-backdrop-filter: saturate(180%) blur(2px); -o-backdrop-filter: saturate(180%) blur(2px); -webkit-backdrop-filter: saturate(180%) blur(2px); backdrop-filter: saturate(180%) blur(2px); }

.banner-text h2 { font: bold 40px/50px 'Comfortaa-Regular',Sans-Serif; color: #fff; padding-bottom: 10px;}
.banner-text h3 { font: normal 25px/35px 'Open-Sans-regular',Sans-Serif; color: #FFF;}

.banner-text a { font: bold 12px/20px Arial, Helvetica, sans-serif; color: #FFF; border-radius: 5px; text-transform: uppercase; text-decoration: none; padding: 9px 25px; display: inline-block; margin-right: 15px; margin-top: 30px;}


.banner-content-main, .banner-form {flex-direction: column; justify-content: center !important; display: flex;}


.btn {}
.blue-btn { background: #58b162;}
.red-btn { background: #cf0711;}

.blue-btn:hover, .red-btn:hover { background: #333;}

.banner-form { width: 330px; background: #06F; float: right; padding: 20px 35px 20px; border-radius: 10px; 

-moz-backdrop-filter: saturate(180%) blur(10px); -o-backdrop-filter: saturate(180%) blur(10px); -webkit-backdrop-filter: saturate(180%) blur(10px); backdrop-filter: saturate(180%) blur(10px); background:rgba(12,57,149,0.3); border: 1px solid #09F;}


.cm-field-main { margin-bottom: 7px;}
.cm-field-main p { font-size: 12px; line-height: 14px; color: #FFF; padding: 0px 0px 3px;}
.cm-field-main .input-field { width: 100%; height: 30px; font-size: 14px; line-height: 20px; border: 0px; background: #fcfcfc; padding: 0px 15px; border-radius: 3px; }
.cm-field-main .field-big {width: 100%; height: 50px; font-size: 14px; line-height: 20px; border: 0px; background: #fcfcfc; padding: 5px 15px; border-radius: 3px;}


.field-btn { width: 100%; font: bold 12px/20px Arial, Helvetica, sans-serif; color: #FFF; border-radius: 3px; text-transform: uppercase; text-decoration: none; padding: 9px 25px; display: block; border: 0px;}

.welcome-wrapper { padding: 50px 0px;}

.wel-bot-section { background: #fafafa; border: 1px solid #E6E6E6; border-radius: 5px; padding: 10px 30px; margin-top: 40px !important;}


.wel-bot-icon-main { border-left:1px solid #E6E6E6; display: flex;}
.wel-bot-icon-main label { margin: 0 auto; display: inline-block; }
.wel-icon {width: 65px; padding-right: 15px; display: inline-block;  }
.wel-icon img { opacity: 0.7;}
.wel-bot-icon-main p { display: inline-block; text-transform: uppercase;}
.wel-bot-icon-main p span { font-size: 28px; line-height: 37px; color: #0c3995; font-weight: bold;}




.services-wrapper { padding-bottom: 50px;}

.service-tmb-main-box { padding: 5px;}
.service-tmb-main { position:relative; background: #0CF; border-radius: 5px; overflow: hidden; background: #0c3995; }
.service-tmb-cont { position: absolute; width: 100%; height: 100%; left:0; top: 0; text-align:center; overflow: hidden;}
.service-tmb-icon { width: 70px; margin: 100px auto 10px;}
.service-tmb-cont h3 { font-size: 25px; color: #FFF;}
.service-tmb-cont a { font: bold 12px/20px Arial, Helvetica, sans-serif; color: #555; background: #FFF; padding: 5px 20px; margin-top: 150px; display: inline-block; border-radius: 5px; text-transform: uppercase; text-decoration:none; }
.service-tmb-cont a:hover { color: #FFF; background: #cf0711;}

.service-tmb-main:hover .service-tmb-cont a { margin-top: 30px;}

.service-tmb-main:hover .service-tmb-cont { -moz-backdrop-filter: saturate(180%) blur(8px); -o-backdrop-filter: saturate(180%) blur(8px); -webkit-backdrop-filter: saturate(180%) blur(8px); backdrop-filter: saturate(180%) blur(8px); -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}

.service-image { opacity: 0.5;  -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; transition: transform 2s;}
.service-tmb-main:hover .service-image { opacity: 1; transform: scale(1.2);}




.product-wrapper { background: #f8f8f8; padding-bottom: 100px;}
.product-content-main { margin: -150px 0px 0px 0px; padding: 0px 15px;}

.products-listing { margin-top: 30px;}

.product-content { background: #FFF; border-radius: 10px; padding: 60px 80px 70px;}

.product-content a { font: bold 12px/20px Arial, Helvetica, sans-serif; color: #FFF; border-radius: 5px; text-transform: uppercase; text-decoration: none; padding: 9px 25px; display: inline-block; margin-right: 15px; margin-top: 30px;}


.products-listing-image {}
.products-listing-content { background: #FFF; padding: 20px 30px 30px;}
.products-listing-content h3 { font: 24px/35px 'Comfortaa-Bold',Sans-Serif;}
.products-listing-content a { font: bold 11px/20px Arial, Helvetica, sans-serif; color: #FFF; border-radius: 5px; text-transform: uppercase; text-decoration: none; padding: 9px 25px; display: inline-block; margin-right: 15px; margin-top: 30px;}


.products-listing .item { border-radius: 5px; overflow: hidden;}

.products-listing-head { margin-top: 25px;}
.products-listing-num { float: right;}
.products-listing-num a { font: normal 28px/28px 'Comfortaa-Regular',Sans-Serif; color: #555; text-decoration: none; }
.products-listing-num a i { width: 36px; height: 36px; font-size: 16px; line-height: 20px; color: #555; background: #FFF; border-radius: 50px; padding: 8px 11px 0px 0px; position:relative; top: -2px; text-align: right; border: 1px solid #CCC;  }

.owl-nav  { position: absolute; top: -67px; left: -5px; z-index: 9999999;}
.owl-nav button { background: none; margin: 0px 7px;}
.owl-nav span {width: 36px; height: 36px; font-family: Arial, Helvetica, sans-serif; font-size: 25px; line-height: 20px; color: #555; background: #FFF; border-radius: 50px; padding: 5.5px 0px 0px 0px; border: 1px solid #CCC; display:inline-block;}

.owl-nav span:hover, .products-listing-num a:hover i { background: #58b162; color: #FFF;}


.ups-advantages-wrapper { padding: 100px 0px;}

.ups-advantages-wrapper h2 { font: bold 25px/50px 'Comfortaa-Regular',Sans-Serif;}
.ups-advantages-wrapper h2 span { font: normal 50px/60px 'Comfortaa-Bold',Sans-Serif; text-transform: uppercase; font-weight:normal; margin-bottom: 20px; display: block;}

.ups-advantages-wrapper a { font: bold 12px/20px Arial, Helvetica, sans-serif; color: #FFF; border-radius: 5px; text-transform: uppercase; text-decoration: none; padding: 9px 25px; display: inline-block; margin-right: 15px; margin-top: 30px;}


.ups-adv-left { padding-right: 50px;}


.zoom-in-out-box {
	/* margin: 24px;
  width: 50px;
  height: 50px;
  background: #f500cc;*/
	animation: zoom-in-zoom-out 1s ease infinite;
}
 @keyframes zoom-in-zoom-out {
 0% {
 transform: scale(1, 1);
}
 50% {
 transform: scale(1.1, 1.1);
}
 100% {
 transform: scale(1, 1);
}
}



footer {  background: #072559;
background: -moz-linear-gradient(45deg,  #072559 23%, #b53a3f 100%);
background: -webkit-linear-gradient(45deg,  #072559 23%,#b53a3f 100%);
background: linear-gradient(45deg,  #072559 23%,#b53a3f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#072559', endColorstr='#b53a3f',GradientType=1 );
padding: 10px 0px 30px;
}


.footer-big-text {font-size: 100px;
font-weight: bold;
color: #FFF;
opacity: 0.1;
text-transform: uppercase;
padding-bottom: 20px;}


/*.shadow {
  color:transparent;
  background: rgb(200,200,190);
  text-shadow: 2px 2px 4px rgb(255,255,255,.75);
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
}*/


footer h4 { font-size: 18px; color: #FFF; font-weight: bold; padding-bottom: 10px;}

.quick-links {}
.quick-links ul { list-style: none; margin: 0px; padding: 0px;}
.quick-links li { display: block; padding-top: 12px;}
.quick-links li a { display: block; font-size: 14px; line-height: 20px; color: #FFF;}
.quick-links li a:hover {}


.our-certifications { margin-top: 30px;}
.our-certifications img { width: 170px; margin-top: 10px;}

.contact-number { margin-top: 10px;}
footer p { font-size: 14px; line-height: 26px; color: #FFF;}
.contact-number a { color: #FFF;}
.contact-number i { padding-right: 10px;}




.newsletter { padding: 0px 0px 10px 0px; display: none;}
.newsletter .text-field { width: 60%; height: 38px; border-radius: 3px; float: left; font-size: 13px; color: #444; line-height: 30px; text-indent: 0.01px; border: 0 none;background: #fff; padding: 0 15px;}

.newsletter label { display: inline-block; width: 40%; float: left; }

.newsletter .field-btn {   margin-left: 10px; }

.newsletter .text-field-but:hover {color: #FFF;background: #aace6e;}


.social { padding-top: 10px; display: none;}
.social h5 { font-size: 16px; padding-bottom: 8px;}
.social ul { list-style: outside none none; margin: 0; padding: 0;}
.social li { color: #fff ; display: inline-block; float: left; margin: 0 10px 0 0; width: auto; border-radius: 3px; overflow: hidden;}
.social li a { color: #fff !important; text-decoration: none;}

.fa-facebook {background: #6081cb; }
.fa-facebook:hover { background: #909090;}
.fa-linkedin {background: #21a5d9;}
.fa-linkedin:hover {  background: #909090;}
.fa-twitter {background: #3cccf6;}
.fa-twitter:hover { background: #909090;}
.fa-youtube {background: #F00; color: #FFF;}
.fa-youtube:hover {background: #909090; color: #FFF;}
.fa-google-plus {background: #d4432f;}
.fa-google-plus:hover {background: #909090;}
.fa-instagram {background: #a735a4;}
.fa-instagram:hover {background: #909090;}



.social ul li a span {width: 30px; height: 30px; font-size: 13px; color: #FFF; text-align: center; transition: all 0.6s ease 0s; padding-top: 8px;}
.social ul li a span:hover {}


.location map {}

.footer-bottom { padding-top: 30px; }

.footer-copy p, .footer-design p {
	font-size: 12px;
	color: #fff;
	padding-top: 0px;
}


.designed {
	width: 170px;
	float: right;
}
.designed p {
	font-size: 12px;
	text-align: right;
	float: right;
}
.azinova-logo {
	width: 75px;
	height: 15px;
	float: right;
	background: url(../images/azinova.png) no-repeat left top / 150px;
	cursor: pointer;
	margin-top: 7px;
	margin-left: 10px;
	-moz-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
.azinova-logo:hover {
	background: url(../images/azinova.png) no-repeat left -75px top / 150px;
}
.backtotop {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	position: fixed;
	right: 30px;
	bottom: 150px;
display:none;
z-index:999;
	overflow: hidden;
	background: #2B9BD5;
	border: 1px solid #2B9BD5;
}
.backtotop:hover {
	background: #153A54;
	border: 1px solid #153A54;
}

.mob-phone, .menu-btn { display: none;}


.pc-view { display: block;}
.mob-view { display: none;}

.n-banner-btn-set .pc-view { display: inline-block !important;}
.n-banner-btn-set  .mob-view { display: none;}


.inner-page .banner-wrapper { min-height: 400px;}
.inner-page .object-fit_cover { height: auto}
.inner-page .banner-text-main { bottom: 60px;}

.inner-page .banner-text h2 { font: bold 35px/40px 'Comfortaa-Regular',Sans-Serif;}
.inner-page .banner-text h3 { font: normal 20px/30px 'Open-Sans-regular',Sans-Serif;}


.inner-page { padding-bottom: 80px;}
.inner-content-wrapper { padding: 50px 0px 0px 0px;}
.inner-content-wrapper h3 { padding-top: 30px; padding-bottom: 5px;}




.about-image-section { padding: 80px 0px 30px;}
.about-image-section img { padding-right: 50px;}

.about-left, .about-right {flex-direction: column; justify-content: center !important; display: flex;}


.contact-us-content { padding-top: 30px;}

.contact-left { padding-right: 50px;}
.contact-form .cm-field-main { padding-bottom: 10px;}
.contact-form p { font-size: 12px; color: #555; padding-bottom: 5px;}
.contact-form .input-field { border: 1px solid  #CCC; height: 40px !important;}
.contact-form .field-big { border: 1px solid  #CCC; height: 80px !important;}

.contact-num  { margin-top: 15px;}
.contact-num a { color: #555; background: #CCEFEF;
display: inline-block;
padding: 5px 20px;
border-radius: 5px;
margin-right: 5px; text-decoration: none; margin-bottom: 10px;}

.n-linkedin { padding: 0px !important; position: relative; bottom: -20px; border-radius: 5px; overflow: hidden; margin-top: -22px;}
.n-linkedin img { width: 34px;}

.n-linkedin img:hover { filter: grayscale(100%);}


.contact-num a:hover { background: #333; color: #FFF;}


.solutions-left-image { width: 600px; float: left; margin: 20px 40px 20px 0px; overflow: hidden; border-radius: 5px;}
.solutions-right-image { width: 600px; float: right;  margin: 20px 0px 20px 40px; overflow: hidden; border-radius: 5px;}


.solutions-left-image img, .solutions-right-image img { border-radius: 5px; overflow: hidden; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; transition: transform 2s;}

.solutions-left-image img:hover, .solutions-right-image img:hover { opacity: 1; transform: scale(1.2);}


.list-box { padding-left:30px;}
.list-box ul { list-style: none; margin: 0px; padding: 0px 0px 0px 30px;}
.list-box li { display: block; background: url(../images/red-tick.png) no-repeat left top 13px / 18px; padding: 10px 0px 0px 30px;}



.main-table { margin-top: 30px;}
.main-table p { padding: 10px 15px;}
.main-table h4 { font-size: 20px; color: #FFF; padding: 10px 15px;}

thead { background: #0C3996;}

tr, td {
border: 1px solid #CCC;
}

td table td, td table tr {   border: 0px;}


.main-table tr:nth-child(even) {background: #f2f2f2;}
			   
.main-table tr table tr:nth-child(even) {background: none !important;}


.n-bb {border-bottom: 1px solid #ccc;}


.gallery-img { padding: 20px 0px 0px;}
.gallery-img .lightview { width: 25%; float: left; padding: 0px 15px 30px; }

.gallery-img img { border-radius: 5px; overflow: hidden }


.n-value-main { border-top: 1px solid #eee; border-left: 1px solid #eee;}
.n-value-thumb { text-align: center; border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 15px; }
.n-value-thumb label { width: 100%; height: 100%; display: block; background: #f7ffff; padding: 40px 40px; margin: 0 auto;}
.n-value-thumb h5 { font-size: 20px; font-weight: bold;}
.n-value-thumb p {text-align: center;}

.n-value-icon { width: 70px; margin: 10px auto 20px;}
.n-value-icon img { opacity: 0.4;}

.n-table-pro-image img { width: 150px; padding: 30px 0px;}
.n-table-break, .n-table-break td { background: none !important; border: 0px !important;}
.n-table-break td h2 { padding-top: 80px; padding-bottom: 10px;}
.n-product-image-section img { margin-bottom: 30px; border-radius: 5px; overflow: hidden;}

.n-map img {border-radius: 5px; overflow: hidden;}
.n-ups-set img { width: 800px; margin: 0 auto;}



.n-ups-set {}
.n-ups-set ul { margin: 0px; padding: 0px; list-style: none; text-align:center;}
.n-ups-set li { font-size: 16px; color: #FFF; line-height: 32px; display: inline-block; margin-bottom: 15px; margin-right: 10px; background: #ec4036; padding: 5px 20px 5px 5px; border-radius: 50px;}
.n-ups-set li label { width: 36px; height: 36px; color: #555; text-align: center; font-weight: bold; padding: 0px 0px 0px; background: #FFF; border-radius: 50px; margin-right: 10px;}

/*.n-ups-set li:nth-child(odd) {
  background: #224691;
}*/










@media (max-width: 1400.98px) {

.banner-text h2 { font-size: 36px; line-height: 41px;}
}

@media (max-width: 1300.98px) {
.inner-page .banner-text h2 {
	font: bold 30px/35px 'Comfortaa-Regular',Sans-Serif;
}
.inner-page .banner-text h3 {
  font: normal 18px/26px 'Open-Sans-regular',Sans-Serif;
}

}
@media (max-width: 1200.98px) {

.banner-text h2 { font-size: 35px; line-height: 40px;}
.banner-form { width: 300px; padding: 20px 30px 20px; }
.banner-text-main { top: 30%;}

.cm-field-main .input-field { height: 28px;}

.service-tmb-icon { margin-top: 60px;}

.inner-page .banner-text-main { bottom: 80px;}



.solutions-left-image { width: 500px;}
.solutions-right-image { width: 500px;}

#primary_nav_wrap li a {padding: 10px 20px;}

.footer-big-text {font-size: 80px;}

}
@media (max-width: 991.98px) {
	
.pc-view { display: none;}
.mob-view { display: block;}

.menu-top, #primary_nav_wrap { display: none;}
.mob-phone, .menu-btn { display: block;}
.mob-phone { float: right; text-align: right; }
.menu-btn {  float: right; margin-left: 15px; cursor: pointer; text-align: right;}

.menu-btn i { width: 36px; height: 36px; font-size: 16px; line-height: 20px; color: #555; background: #FFF; border-radius: 50px; padding: 8px 11px 0px 0px; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}




header.smaller { padding-bottom: 10px;}

.logo { width: 150px;}
.logo img { padding: 5px;}
/*header.smaller .logo { width: 90px; }*/


/*.banner-text-main { bottom: 60px;}*/

#primary_nav_wrap ul { background: #FFF;}

#banner { width: 100%; height: 100vh; overflow: hidden; position: relative;}
.object-fit_cover { width: 1860px; height: 100vh; object-fit: cover; object-position: 80% 0;}

.banner-form { width: 100%; text-align: left; padding: 15px 15px 15px; margin-top: 50px;}
.banner-form h3.text-center { text-align: left !important;}
.cm-field-main {padding: 0px 5px !important;}
.cm-field-main p { padding-bottom: 2px;}
.cm-field-main .field-big { height: 38px;}
.cm-field-main .input-field { height: 38px;}

/*.banner-text { padding: 0px 0px;}*/
.wel-bot-icon-main {padding: 30px 0px !important;}
.icon-set3 { border: 0px;}


.product-wrapper { padding-bottom: 60px;}
.product-content { padding: 40px 50px 50px;}
.service-tmb-icon { width: 60px; margin: 80px auto 10px;}

.ups-advantages-wrapper { padding: 60px 0px;}

.icon-set3 { border-top: 1px solid #E6E6E6;}

.icon-set4 { border-top: 1px solid #E6E6E6;}

.newsletter .text-field {height: 32px;}
.newsletter .field-btn {padding: 6px 25px;}

footer { padding-top: 10px;}

.menu-section { -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;  position:relative;}


#primary_nav_wrap {width: 360px !important; height: 100vh !important; background: #FFF; position:absolute; right: -40px; top: 0px;  box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);}



#primary_nav_wrap ul { width: 100%; text-align: left;}
#primary_nav_wrap li { display: block;}

#primary_nav_wrap li a { color: #555; display: block;}
#primary_nav_wrap li ul { position: relative;}

#primary_nav_wrap ul ul, header.smaller #primary_nav_wrap ul ul { width: 98%; box-shadow: 0 0px 0px 0 rgba(0,0,0,0.0); }

#primary_nav_wrap ul ul li a { border: 0px;}


.banner-text h2 {
  font-size: 30px;
  line-height: 35px;
}
.banner-text h3 { font-size: 20px; line-height: 25px;}


.cm-field-main .field-big, .cm-field-main .input-field, .field-btn { height: 34px;}

.service-tmb-main-box { margin: 0 auto;}



.inner-page .banner-wrapper { min-height: 400px;}
.inner-page .object-fit_cover { height: auto}





.contact-form .cm-field-main { margin-bottom: 10px;}
.contact-form .input-field { height: 36px !important;}
.contact-form .field-btn { height: 40px;}

.contact-left { padding-right: 0px; margin-bottom: 40px;}

.contact-right { padding: 0px;}


.inner-content-wrapper {
  padding: 30px 0px 0px 0px;
}

.about-image-section img {
  padding-right: 0px;
}

.about-left, .about-right { padding: 0px;}


.solutions-left-image { width: 100%;}
.solutions-right-image { width: 100%;}


.n-banner-btn-set .pc-view { display: none !important;}
.n-banner-btn-set  .mob-view { display: inline-block;}


.main-table-wrapper th h4 { font-size: 16px;}
.main-table-wrapper tr p { font-size: 15px;}



header.smaller .menu-section {
  margin-top: 0;
}



.footer-big-text {font-size: 50px}




}
@media (max-width: 767.98px) {

h1 { font-size: 35px; line-height: 40px;}
h2 { font-size: 30px; line-height: 35px;}

.service-tmb-icon { margin-top: 28%;}
.service-tmb-cont a { margin-top: 240px;}


.icon-set1 { }
.icon-set2 { border-top: 1px solid #E6E6E6; border-left: 0px;}
.icon-set3 { border-top: 1px solid #E6E6E6;}
.icon-set4 { border-top: 1px solid #E6E6E6; border-left: 0px;}

.ups-advantages-wrapper h2 span { font-size: 50px; line-height: 55px;}
.ups-adv-right img { width: 70%; margin: 50px auto 0;}



.cm-field-main .field-big, .cm-field-main .input-field, .field-btn {height: 32px;}

.footer-quicklinks, .footer-findus { padding-bottom: 50px;}

.inner-page .banner-text-main {
  bottom: 40px;
}
.contact-us-content {
  padding-top: 10px;
}

.ups-adv-left {
  padding-right: 0px;
}
.ups-advantages-wrapper h2 span { margin-bottom: 10px;}


.main-table-wrapper { width: 100%; overflow-x: scroll; overflow-y: hidden;}
.main-table { width: 800px;}


.footer-cont-main.d-flex { display: block !important;}

.quick-links, .footer-findus { width: 50%; float: left; padding-bottom: 50px;}

footer h4 { padding-bottom: 0px;}


}
@media (max-width: 575.98px) {
	
	
p { text-align: justify;}
#primary_nav_wrap {width: 100% !important; position: fixed; top:0; left: 0; padding-top: 100px; z-index: -1; overflow-x: hidden; overflow-y: scroll; }


.logo { width: 150px;}
.mob-phone a i{ top: 0px;}

.menu-btn.active i, .mob-phone.active a i { background: #eee;}


#banner { height: 100vh;}
.object-fit_cover { height: 100vh; }

/*.banner-text-main { bottom: 20px;}*/

.banner-text-main .container { padding: 0px; width: 100%;}
.banner-text a {padding: 6px 15px;}

.field-btn { height: auto;}

.product-content-main { margin-top: -100px;}
.footer-copy p { text-align: center;}
.designed { float: none; margin: 5px auto 0;}



.quick-links, .footer-findus { width: 100%; float: none; } 

.footer-big-text {font-size: 30px}

}
@media (max-width: 414.98px) {


.service-tmb-icon {
  margin-top: 15%;
}
.product-content {
  padding: 25px 30px 30px;
}

.products-listing-num a { font: normal 18px/28px 'Comfortaa-Regular',Sans-Serif;}
.service-tmb-cont h3 { font-size: 20px;}
.ups-advantages-wrapper h2 { font: bold 20px/50px 'Comfortaa-Regular',Sans-Serif;}
.ups-advantages-wrapper h2 span { font-size: 40px; line-height: 45px;}

.inner-page .banner-text h2 {font: bold 22px/30px 'Comfortaa-Regular',Sans-Serif;}
.inner-page .banner-text h3 {font: normal 17px/25px 'Open-Sans-regular',Sans-Serif;}

.banner-text h2 { font-size: 25px; line-height: 30px;}
.banner-text h3 { font-size: 18px; line-height: 25px;}

h1 {
  font-size: 30px;
  line-height: 35px;
}


.n-linkedin { padding: 0px !important; position: relative; bottom: 0px; border-radius: 5px; margin: 0px;}

.inner-page .banner-text a.blue-btn { display: none;}

}