@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Caveat:wght@400;700&family=Lobster&family=Monoton&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display+SC:ital,wght@0,400;0,700;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,700&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Source+Sans+Pro:ital,wght@0,400;0,700;1,700&family=Work+Sans:ital,wght@0,400;0,700;1,700&display=swap');

/* CSS Document */
* { margin:0; padding:0;}
/* elements css starts here */
table, div {	border-collapse: collapse;	border-spacing: 0;}
div, ul, li, article, aside, details, figcaption, figure, footer, header, head, hgroup, menu, nav, output, section, summary, p, spam { display:block;}
ul, li, h1, h2, h3, h4, h5, h6 {
    font-family:  sans-serif;
    font-weight: bold;
}
a { cursor:pointer;}
img {border:0 none; vertical-align: middle;}
img a, a:hover { padding:0; margin:0; text-transform:none;}
input { padding:5px;}

.pull-left { float:left;}
.pull-right { float:right;}

a[role=email] { color:#0b8fff !important;}

/* font css starts here */


body { font-family:sans-serif; background:#e2e2e2; }

a, a:hover { text-decoration: none; cursor: pointer; }
.clr { float:none; clear:both;}
.red { color:#e3312e;}
.grn { color:#8cbd3b}
.vol { color:#5d4a8c}
.org { color:#ee7830}
.blue{color:#0b8fff;}

.ab {
    height: 65px;
    width: 155px;
}


/* wrap css starts here */
#warp { width:100%; margin:0 auto;}

.shadow {-webkit-box-shadow: 0px 1px 1px 1px rgba(166,166,166,1);
-moz-box-shadow: 0px 1px 1px 1px rgba(166,166,166,1);
box-shadow: 0px 1px 1px 1px rgba(166,166,166,1);}



/*header css starts here*/
.header {width:100%; margin:0 auto; background:#fff; height:80px; position:fixed; top:0; box-shadow: 3px; z-index:99;}
.header .head { width:1100px; margin:0 auto; position:relative;}
/*social icons links*/
.header .head .social { position:absolute; right:0; top:0; height:32px; }
.header .head .social img { margin: 2px 3px; cursor:pointer; transition: all 0.5s ease;}

/* top nav css starts here */
.top { height:32px; line-height:32px; font-size:10px; text-align:right; text-transform: uppercase; color:#000; display: none;   }
.top li { margin:0 2px; display:inline-block; padding:0 8px; position:relative;}
.top a { color:#4c4b4b; padding:0; text-transform: uppercase }
.top a:hover { color:#000; padding:0; font-size:10px; text-transform: uppercase}
.top a::before { position:absolute; left:0; top: 15px; content: " "; background: url(../images/top-li-bg.png) no-repeat left top; width:100px; height:10px;}
/*logo css starts here*/
.header .head .logo { float:left; margin-top:10px; }

/*menu css starts here*/
.header .head .menu { float:right;  margin-top:40px; color:#2f2e2e; font-size:12px; text-transform: uppercase; }
.header .head .menu li { display: inline-block; margin: 0 2px 8px; padding:5px 8px 10px ;    }
.header .head .menu li:hover { border-bottom: solid 2px #ec7b1b; margin: 0 2px 8px; padding:5px 8px 10px ; }
.header .head .menu a, a:hover { color:#2f2e2e; font-size:12px; text-transform: uppercase;  }
.header .head .menu a:hover { color:#2f2e2e; }
.header .head .menu .active { border-bottom: solid 2px #ec7b1b;  padding:0 0 10px ;   }
/*banner css starts here*/
.banner { width:1100px; margin:90px auto 10px;}
.banner .intro { background: #fff; height: 98px; padding:20px 40px; color:#000;  font-size:16px; text-align: center;}
/*wrapper css starts here*/
.top-margin { margin-top:110px;}
.wrapper {display:table;  width:1100px; background:#fff; position:relative; margin: 0 auto; }
.wrapper h3 { margin:15px 0 0 15px ; text-transform: uppercase; color:#262626; font-size:18px;  border-bottom: solid 1px #f6f6f6; padding-bottom:15px; }
.wrapper h3 a, a:hover {border-bottom: solid 4px #ee7830; cursor: pointer; padding-bottom:10px; color:#262626; font-weight: normal; font-size:18px; text-transform: uppercase;}

.wrapper .feat { width:100%; border-bottom: solid 1px #f6f6f6; padding-bottom:30px;}
.wrapper .feat img { border: solid 1px #dadad9; padding:20px; border-radius: 20px;}
.wrapper .feat li { float:left; width:260px; margin: 0 5px; height:300px; text-align:center;}
.wrapper .feat spam { margin:20px 0 30px;}
.wrapper .feat h2 { font-size:15px; text-transform: uppercase; margin:15px 0; font-weight: normal; }
.wrapper .feat p{ color:#000; font-size:13px; line-height:22px; margin:0; }
.wrapper .feat button { cursor: pointer; border-radius: 4px; background:#fff; border: solid 1px #dadad9; padding:8px; margin: 10px 0;}
/*-- clients css starts here*/
.wrapper #clients { height:86px; margin:10px 30px 0; position:relative; }
.wrapper #clients h3 { position: absolute; top:-15px; left:-15px; background:#fff; z-index:99; height:110px; line-height:85px; padding:0 20px;}
.wrapper .is { width:100%; height:120px!important; text-align:center; margin: 0 0 10px 0;}
.wrapper .is img { margin: 5px; padding: 0px; list-style: outside none none; display: inline;  border: 1px solid #ebebeb; height:53px;margin-top:22px;  }

/*--info css starts here*/
.wrapper .info, .ryt-info {padding:10px 20px; font-size:13px; line-height:22px; color:#616161;}
.wrapper .info .img { width: 300px; height:178px; border:none;}
.wrapper .info {
width: 98%;
padding: 9px;
margin-top: -29px;
}
.wrapper .info h3 { margin: 15px 0 0 0; }
.wrapper .info p { margin:15px 0 0 5px;}
.wrapper .info img { margin:20px;}
.wrapper .info ul { margin:10px 0;}
.wrapper .info ol { background:url(../images/arrw-li.png) no-repeat 30px 8px ; margin:5px 0; padding-left:45px;}
/*--info css starts here*/
.wrapper .ryt-info { width:100%;}
.wrapper .ryt-info .career { float:left; width:66%; margin:0 10px;}
.wrapper .ryt-info .career ul, p { margin:10px 10px 0;}
.wrapper .ryt-info .career  li { background:url(../images/arrw-li.png) no-repeat 10px 8px ; margin:5px 0; padding-left:30px;}
.wrapper .ryt-info .career  li a, a:hover { border: none; font-size:12px;}

.wrapper .ryt-info .testi { float:left; width:30%; padding: 3px 0 0 0; }
.wrapper .ryt-info .testi p {font-size:11px; line-height:16px; font-weight: normal; text-transform: none; margin: 15px 10px 15px; font-style:italic;}


/*--inner pages css starts here*/
.wrapper .breadcrumb { background:#f5f5f5; padding:8px 0 8px 10px;  width:99%; font-size:12px;}
.wrapper .breadcrumb li { display: inline-block; color:#777777; text-transform:capitalize;  }
.wrapper .breadcrumb > li + li:before {color: #CCCCCC;content: "/ "; padding: 0 5px;}
.wrapper .breadcrumb a, a:hover { color:#8aa260; text-transform:none; font-size:12px; text-decoration: none; }


.wrapper .sub-nav { display:table-cell; float:left; width:230px; background:#f0f0f0; height:100vh; min-height: 100%;}
.wrapper .sub-nav h4 { text-align: text; color:#fff; font-weight: normal; text-transform: uppercase; padding:10px 10px 10px 20px; border-bottom: solid 1px #fff; background:red; }
.wrapper .sub-nav li { background: url(../images/top-li-bg.png) no-repeat 20px 15px; display: inline-block; padding:10px 10px 10px 30px; font-size:11px; color:#484848; margin:0 0; border-bottom: solid 1px #fff; width:190px;}
.wrapper .sub-nav li:hover { background:#fff; color:#000; }
.wrapper .sub-nav .active { background:#fff; color:#000; }
.wrapper .sub-nav a, a:hover { color:#484848; text-transform: uppercase; font-size:11px;}

.wrapper .panel { padding:10px; background:#d9edf7; border: solid 1px #bce8f1; color:#31708f !important; font-size:14px !important; text-transform:uppercase; margin:5px 0; }

.wrapper .content { display:table-cell;  float:right; width:850px; font-size:14px; padding: 0 0 20px 0; }
.wrapper .content .banner { width:100%; height:200px; padding:0; margin:0;}
.wrapper .content p {margin: 10px 0;font-size: 13px;color: #616161;padding-right: 28px; line-height:24px;}
.wrapper .content h3 { margin: 10px 0; font-size:18px; }
.wrapper .content h3 a, a:hover {  font-size:18px; text-transform: uppercase; text-decoration:none !important;}
.wrapper .content h4 { margin: 10px 0; font-weight: normal; text-transform: uppercase; border-bottom: solid 1px #f6f6f6; padding:10px 0;}
.wrapper hr { border-top: .5px dashed #8c8b8b;}
.wrapper .content ul li { background:url(../images/li-arrow.png) no-repeat 15px 10px; display: block; margin:5px 0; padding:3px 3px 3px 30px; font-size:13px; color:#616161;}
.wrapper .content a { color:#8cbb39; font-size:13px;  }
.wrapper .content a:hover { color:#669317; text-decoration: underline; }
.wrapper .fcontent .link a:link { background:#f5f5f5; color:#0b8fff; padding:0 3px; }
.wrapper .fcontent .link a:link:hover { background:none;}

.wrapper .content .cont-form { font-size:13px; color:#616161; margin:0 0 10px;}
.wrapper .content .cont-form td { padding:5px;}

.wrapper .article {padding:0 0 20px 20px; font-size:14px; font-size:13px; color:#616161; line-height:24px;}

.wrapper .article .address { float: left; width:40%;}
.wrapper .article .map { float: left; width:56%;}

.wrapper .fcontent { width: 96%; padding:0 0 20px 20px; font-size:14px; font-size:13px; color:#616161; line-height:24px; }
.wrapper .fcontent .banner { width:100%; height:200px; padding:0; margin:0;}
.wrapper .fcontent h3 { margin: 10px 0; }
.wrapper .fcontent h4 { margin: 10px 0; font-weight: normal; text-transform: uppercase; border-bottom: solid 1px #f6f6f6; padding:10px 0;}
.wrapper .fcontent p { margin:10px 0; font-size:13px; color:#616161;}

.wrapper .fcontent a { color:#8cbb39; font-size:13px;  }
.wrapper .fcontent a:hover { color:#669317; text-decoration: underline; }

.wrapper .fcontent .box { border: dotted 1px #000;}

/*-- footer css starts here*/
.footer { background:#262a32; color:#757980; font-size:13px;}
.footer .wrap { width:1100px; margin:10px auto; }
.footer .wrap .f-one h4 { border-bottom : solid 1px #2f2f2f; margin:8px 0 14px; padding-bottom:8px; text-transform: uppercase; font-size:12px;}
.footer .wrap .f-one ul { float: left; width:200px; margin: 10px 15px 10px 15px; font-size:13px;}
.footer .wrap .f-one ul li { margin: 0 5px 3px 8px; background: url(../images/f-li-arrow.png) no-repeat 0 5px; padding: 0 0 0 12px; text-transform:capitalize; display: block; }
.footer .wrap .f-one ul:first-child { width:150px;}
.footer .wrap .f-one ul:last-child { width:170px; background:red;}
.footer .wrap .f-one a, a:hover { color: #828282; font-size:12px; text-transform: none;}
.footer .wrap .f-one a:hover { color:#d2d4d5;}
.footer .wrap .f-one h3 { color:#fff; text-transform: uppercase; font-weight: normal;}
/*.footer .wrap .f-two { border-bottom: solid 1px #262626; height:200px; }
.footer .wrap .f-two h4 { border-bottom: solid 1px #262626; margin:5px; padding:0 0 8px 0;}
.footer .wrap .f-two ul { float:left; width: auto; margin:15px 20px;}
.footer .wrap .f-two li { background:url(../images/f-li-arrow.png) no-repeat 7px 7px; padding:0 0 3px 20px; }
.footer .wrap .f-two a, a:hover { color:#757980; font-size:12px; text-transform: none;}
.footer .wrap .f-two a:hover { color:#fff; font-size:12px; text-transform: none;}*/
.footer .wrap .f-thre {height:50px; line-height:50px; text-align:center; color:#757980; font-size:12px; border-top: solid 1px #2f2f2f; }
.footer .wrap .f-thre img { margin: 2px 3px; border: solid 1px #6a6969; opacity: .6; cursor:pointer; transition: all 0.5s ease;}
.footer .wrap .f-thre img:hover { opacity: 1;}
.mn {
    float: left;
    position: relative;
    left: 55%;
  }


/* @group subnav */
#navigation ul {
position: absolute;
display: none;
margin: 0;
padding: 0;
list-style: none;
top: 65px;
padding-bottom: 3px;
margin-left: -12px;
margin-top: 5px;
}
#navigation ul li {
width: 200px;
background: #fff;
text-align: left;
margin-bottom: 0px;
border-top: 1px solid #eee;
}
#nav ul li:hover { border-left: 0px solid transparent; border-right: 0px solid transparent; }

#navigation ul a {
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0px;
	border: none;
/*    border-bottom: 1px solid transparent;*/
    text-transform: uppercase;
    color: #797979;
    font-weight: normal;
    font-size: 11px;
    margin-bottom: -10px;
}
#navigation ul a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; background: transparent; color: #4e4e4e; }

.mn {
    text-align: center;
}