/*
Theme Name: univative
Version: 1.0
Description: A child theme of Twenty Seventeen
Author: admin
Template: twentyseventeen
*/

/*@import url("../twentyseventeen/style.css");*/
body{ background:#fff; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#000;}
#wpadminbar ul:after{ clear:inherit;}
a{ color:#7ac142;}
a:focus, button:focus, input:focus, textarea:focus { outline: none;}
ul li{ list-style-type:none;}
#navbtn{ display:none;}
.nav-menu svg{ display:none;}
.nav-menu{ }
.nav-menu li{ position:relative; float:left; }
.nav-menu li .menuarrow{ display:none;}
.nav-menu li > a{ font:700 16px/30px 'Lato', sans-serif; color:#fff;  white-space:nowrap; display:block; padding:0 35px; /*text-transform:capitalize;*/}
.nav-menu li:hover > a, .nav-menu li.active > a,.nav-menu li.current_page_item > a, .nav-menu li > a:focus{ color:#fdaf17; }
.nav-menu .sub-menu{ position:absolute; left:0; top:100%; background:#fdaf17; min-width:220px; box-shadow:0 0 5px #02496d; transition: all 300ms ease-out 0s; display:none; z-index:999;}
.nav-menu li:last-child .sub-menu{ left:auto; right:0;}
.nav-menu .sub-menu .sub-menu{ left:100%; top:0;}
.nav-menu li:hover > .sub-menu{ display:block;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu .sub-menu a{ font:normal 14px/35px 'Lato', sans-serif; padding:0 10px; white-space:nowrap;}
.nav-menu .sub-menu li+li{ border-top:1px solid #fff;}

.nav-menu .sub-menu li:hover > a, .nav-menu .sub-menu li.active > a,.nav-menu .sub-menu li.current_page_item > a, .nav-menu .sub-menu li > a:focus{ color:#000; }
.social ul li{ display:inline-block;}
.social ul li a{ display:block;}
header{ position:absolute; left:0; right:0; top:0; padding:14px 0 0; width:100%; z-index:999;}
#banner{ position:relative; height:888px; background-size:cover !important;}
.banner-text{ position:absolute; left:50%; top:62%; transform:translate(-50%, -50%); z-index:99;}
.big-text{ margin:0 auto; width:50%; font:900 60px/64px 'Lato', sans-serif; color:rgba(255, 255, 255, 0.5); text-align:center;}
.big-text span{ color:#fff;}

.banner-text h1{ font:900 60px/64px 'Lato', sans-serif; color:#fff; padding:15px 0 0;}
.banner-text ul{ display: flex; flex-wrap:wrap; margin:30px auto 0; width:100%; text-align:center;}
.banner-text ul li{ float:left; font:700 23px/25px 'Lato', sans-serif; color:#000; background:#ffcd0a; border-radius:5px; border:solid 1px #fff; padding:16px 0; text-align:center; width:24%; margin:5px 0.5% 0;}
.banner-text ul li a{ color:#000; display:block;}
.banner-text p{ font:400 19px/22px 'Lato', sans-serif; color:#fff; padding:15px 0 0;}
.banner-text  ul.list2{ width:600px; max-width:100%;}
.banner-text  ul.list2 li{ float:left; font:700 23px/25px 'Lato', sans-serif; color:#000; background:#ffcd0a; border-radius:5px; border:solid 1px #fff; padding:16px 0; text-align:center; width:49%; margin:5px 0.5% 0;}

.banner-text  ul.um-misc-ul{ max-width:100%;flex-wrap: initial;}
.banner-text  ul.um-misc-ul li{ float:left; font:700 23px/25px 'Lato', sans-serif; color:#000; background:#ffcd0a; border-radius:5px; border:solid 1px #fff; padding:16px 0; text-align:center; width:49%; margin:5px 0.5% 0;}
.login-part .um-form{ color:#fff;}

.banner-text  ul.list3 li{ float:left; font:700 23px/25px 'Lato', sans-serif; color:#000; background:#ffcd0a; border-radius:5px; border:solid 1px #fff; padding:16px 0; text-align:center; width:32.33%; margin:5px 0.5% 0;}




.banner-text .midl ul{ width:80%; margin:25px auto; display:table;}
.banner-text .midl ul li{width:32.333%; margin:0 0.5% 9px;}

.pd{ padding:20px 0 0 !important;}

#logo{ float:left;}
#navigation{ float:right; padding:18px 0 0;}
.banner-bottom{ background:#fdb116; text-align:center;}

#content{ padding:50px 0 35px;}
#content h1, #content h2{ font:700 60px/64px 'Lato', sans-serif; padding:15px 0 0;}
#content h3{ font:400 28px/32px 'Lato', sans-serif; padding:15px 0 0;}
#content p{ font:400 19px/25px 'Lato', sans-serif; padding:15px 0 0;}
.since ul{ width:80%; margin:30px auto 15px; display:table;}
.since li{ float:left; background:#e8e8e8; padding:15px; font:400 25px/27px 'Lato', sans-serif; margin:0 0.5%; width:49%;}

#content .text-subs h2{ font:700 55px/58px 'Lato', sans-serif; padding:15px 0 0;}

.blog-sec:nth-child(2n+1) {

    clear: left;

}
.blog-sec {

    width:46%;
    float: left;
    margin: 0 2% 45px;
    box-shadow: 0 0 6px #999;

}
#content .blog-sec p{ font:400 16px/20px 'Lato', sans-serif; padding:15px 0 0; color:#737373;}
#content .blog-sec h4{ font:400 24px/26px 'Lato', sans-serif; padding:15px 0 0;}
.read-more {
    font: 400 17px/20px 'Lato', sans-serif;
    padding: 15px 25px 0 0;
    color: #000;
    display: inline-block;
    background: url(images/icon1.png) no-repeat 100% 19px;
}

.blog-sec:hover {
    box-shadow: 0 0 20px #000;
}

.blog-sec-box {

    background: #fff;
    padding: 20px;

}

.service{ position:relative; padding:25px;}
.jcarousel{ width:100%; overflow:hidden; display:block;}
.jcarousel ul{ width: 20000em;  position: relative;    list-style: none;    margin: 0;    padding: 0 15px;}
.jcarousel li{ width:200px;float:left;}

.jcarousel-control-prev{ left:-15px; position:absolute; top:50%;  width:38px; height:49px; border:0; cursor:pointer; font-size:0; background:url(images/prev.png) no-repeat 50% 50%;}
.jcarousel-control-next{ right:-15px; position:absolute; top:50%; width:38px; height:49px; border:0; cursor:pointer; font-size:0; background:url(images/next.png) no-repeat 50% 50%;}

.service-box{ padding:0 5px;}
.mail-sec input[type="text"], .mail-sec input[type="email"], .subscribe-sec input[type="text"], .subscribe-sec input[type="email"]{
    background: none;
    border-radius: 0;
    font: 400 14px/50px 'Lato', sans-serif;
    height: 50px;
    color: #a7a7a7;
    border: solid 1px #a7a7a7;
}

.mail-sec input[type="submit"], .mail-sec input[type="button"], .subscribe-sec input[type="submit"], .subscribe-sec input[type="button"]{
    background: #ffcc4c;
    border: solid 2px #ffcc4c;
    font: 400 16px/46px 'Lato', sans-serif;
    padding: 0 35px;
    display: inline-block;
    margin: 15px 0 0;
    border-radius: 0;
	text-transform:capitalize;
}
.bigbutton{
	background: #ffcc4c;
    border: solid 2px #ffcc4c;
    font: 700 16px/46px 'Lato', sans-serif;
    padding: 0 35px;
    display: block;
    margin: 15px 0 0;
    border-radius: 0;
	/*text-transform:capitalize;*/
	color:#000;
	width:36%!important;
}
.bigbutton a{color:#000;}
.text-subs {
    float: left;
    width: 30%;
    padding: 5px 0 0;
}
.mail-sec, .emaillist {
    width: 70%;
    float: left;
    padding: 10px 0 0;
}

.subscribe-sec {
    width: 90%;
    margin: 0 auto;
    display: table;
}


footer{ background:#000000; padding:45px 0;}
footer h2{ font:700 22px/25px 'Lato', sans-serif; color:#fff; padding:0 0 15px; text-transform:uppercase;}
footer p{ font:400 15px/20px 'Lato', sans-serif; padding:0; color:#767676;}
.quick-link{ margin:0 auto; display:table; }
.quick-link li a{font:700 15px/17px 'Lato', sans-serif; color:#767676; padding:0 0 15px; display:block; text-transform:uppercase;}

.copyrt{ padding:15px 0; text-align:center; background:#131313; font:700 16px/18px 'Lato', sans-serif; color:#a9a9a9;}
.contact-btn{ background:#c55a11; border-radius:5px; font:400 20px/55px 'Lato', sans-serif; color:#fff; display:inline-block; text-align:center; padding:0 35px; text-transform:uppercase; margin:15px 0 0;}

.frm input[type="text"], .frm input[type="email"]{ height:48px; font:400 14px/48px 'Lato', sans-serif; color:#5f5e5e; border:solid 1px #5f5e5e; height:48px; border-radius:0;}
.frm textarea{font:400 14px/17px 'Lato', sans-serif; color:#5f5e5e; border:solid 1px #5f5e5e;border-radius:0; padding:10px;}
.frm input[type="submit"], .frm input[type="button"]{background:#c55a11; border-radius:5px; font:400 20px/55px 'Lato', sans-serif; color:#fff; margin:0; display:inline-block; text-align:center; padding:0 45px; text-transform:uppercase; border:none; margin:22px 0 0;}

.login-part{ width:65%; margin:0 auto; display:table; padding:30px 60px 45px; background:rgba(253, 175, 23, 0.8); border-radius:15px;}
.login-part input[type="text"], .login-part input[type="email"]{ background:none; border:solid 1px #fff; font:400 14px/55px 'Lato', sans-serif; color:#fff; border-radius:0;}
.login-part input[type="submit"], .login-part input[type="button"]{background:#c55a11; border-radius:5px; font:400 20px/55px 'Lato', sans-serif; color:#fff; margin:0; display:inline-block; text-align:center; padding:0 65px; text-transform:uppercase; border:none; margin:22px 0 0; border:solid 1px #fff;}

#content .impact-sec p{ font:400 17px/24px 'Lato', sans-serif; color:#5e5e5e;}
.our-stories{ background:#e1e1e1; padding:55px 0; margin:25px 0 0; text-align:center;}
.stories-box{ background:#fff; border-radius:5px; padding:45px; width:70%; margin:50px auto 0; display:block; box-shadow:0 0 6px #999;}
.clint-img{ width:120px; height:120px; boder-radius:100%; margin:-80px auto 0; display:block;}
.clint-img img{ border-radius:100%; width:100%; object-fit:cover;}

#content .stories-box p{ font:400 17px/24px 'Lato', sans-serif; color:#5e5e5e;}
.es-field-wrap{ float:left; width:40%; padding:0 10px;}
.submitbox{ float:right; width:20%;}
.es-field-wrap label{ display:none;}
.login-part .um-field-checkbox-option, .login-part .um-field-radio-option, .login-part a.um-link-alt, .um-field-block{ color:#fff !important;}
.login-part .um-field-password .um-field-label{ margin:0;}
/*.login-part .um-field-password{ padding:0;}*/
.login-part .um-field-password .um-field-label label{ font-weight:400!important; color:#fff; margin-top:0;} 

#comments{ padding-top:25px;}
#comments footer{padding:0;text-align:left}
#comments .comment-metadata{padding:5px!important;background:rgba(0,0,0,.3);margin:5px 0 0;color:#fff!important;border-radius:4px;display:inline-block}
#comments .comment-awaiting-moderation{padding:5px!important;background:rgba(0,0,0,.3);margin:5px 0 0;color:#fff!important;border-radius:4px;display:block}
#comments .comment-metadata a,#comments .comment-awaiting-moderation a{color:#fff}
#comments .comment-content{padding:0 5px}
#comments ol{list-style-type:none}
#comments ol.comment-list li{margin:5px 0 0}
#comments ol.comment-list li article{background:rgba(0,0,0,.1);padding:5px;border-radius:4px}
#comments ol.comment-list li>ol{margin:5px 0 0 15px}
.comment-reply-link{color:#be1111}
.comment-meta{background:rgba(0,0,0,0) none repeat scroll 0 0;padding:20px}
.admin-user{padding:5px!important;background:rgba(0,0,0,.3);margin:5px 0 0;color:#fff!important;border-radius:4px}
.admin-user img{width:24px}.admin-user a{color:#fff}
.admin-user .posted-on{margin:0 0 0 4px}
.comment-respond{width:700px;max-width:100%;margin:0 auto}
.entry-footer{padding:15px!important;background:rgba(0,0,0,.3);margin:5px 0 0;color:#fff!important;border-radius:4px}
.entry-footer .posted-on{margin:0 0 0 4px}.entry-footer img{width:24px;margin:0 5px 0 0}
.entry-footer a{color:#fff}
#comments input[type="text"],#comments input[type="email"],#comments input[type="password"],#comments input[type="tel"],#comments input[type="search"],#comments input[type="url"], #comments textarea{margin-top:0!important; border:1px solid #333; color:#333;}
#comments textarea{margin-top:0!important; border:1px solid #333; color:#333;}
p.comment-form-cookies-consent label{display: inline-block;width: auto;}
#respond form p{ padding:0;}



.pagination{ text-align:center; clear:both; padding:15px 0 0;}
.pagination span, .pagination a{ font:400 16px/20px 'Lato', sans-serif; display:inline-block; padding:5px 10px;}
.pagination span, .pagination a:hover{ color:#fff; background:#031d52; border-radius:4px;}
.pagination a{ color:#031d52; background:#fff;}
@media only screen and (min-width: 1399px){

}


@media only screen and (max-width: 1198px) {
.since ul{ width:85%;}
.jcarousel-control-prev{ left:0;}
.jcarousel-control-next{ right:0;}
.mail-sec, .emaillist{ width:66%;}
#content h1, #content h2{ font-size:54px;}
.subscribe-sec{ width:100%;}
.banner-text h1{ font-size:45px; line-height:48px;}
#content .text-subs h2{ font-size:50px;}
}


@media only screen and (max-width: 990px) {
.nav-menu li > a{ padding:0 13px;}
.since ul{ width:100%;}
/*.blog-sec{ width:29.333%; margin:0 1% 45px;}*/
#content h1, #content h2{ font-size:39px;}
.ftr{ margin:0 0 15px;}
.mail-sec, .emaillist{ width:60%;}
.banner-text h1{ font-size:40px; line-height:45px;}
#content .text-subs h2{ font-size:35px;}

}

@media only screen and (max-width: 740px) {

#navigation{ position:relative; margin:10px 0 0; padding:0;}
#navbtn{ display:block; background:url(images/navigation.png) no-repeat 50% 50% #f89826; border-radius:5px; padding:5px 0; width:42px; text-align:right; height:37px; font-size:0; text-transform:uppercase; line-height:27px; cursor:pointer; color:#fff;}
.nav-menu{ display:none; position:absolute; right:0; top:100%; background:#fff; width:250px; z-index:99999; box-shadow:0 0 6px #000;}
.nav-menu li{ float:none;}
.nav-menu li+li{ border-top:1px solid #035e8d;}
.nav-menu li > a{ font:normal 16px/40px Arial, Helvetica, sans-serif; padding:0 10px; color:#000;}
.nav-menu li .menuarrow{ position:absolute; right:2px; top:2px; width:36px; height:36px; z-index:99; background:url(images/nav-arrow.png) no-repeat 50% 50%; display:block; cursor:pointer; border-radius:3px;}
.nav-menu li:hover > .menuarrow, .nav-menu li.active > .menuarrow,.nav-menu li.current_page_item > .menuarrow{ background:url(images/nav-arrow.png) no-repeat 50% 50% #fdaf17;}
.nav-menu .sub-menu{ position:relative; margin:0 3px;}
.nav-menu .sub-menu .sub-menu{ left:0; margin:0 5px;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu li:hover > .sub-menu{ display:none;}

.big-text{ width:100%;}
.big-text{ font-size:26px; line-height:30px;}
#banner{ height:528px;}
.since li{ float:none; width:100%; margin:0 0 10px;}
.blog-sec{ width:100%; float:none; margin:0 0 10px;}
.blog-sec a > img{ width:100%;}
.quick-link{ display:block;}
.text-subs{ width:100%; float:none;}
.mail-sec, .emaillist{ width:100%; float:none;}
.banner-text h1{ font-size:30px; line-height:35px;}
.banner-text li{ float:none; width:100%; margin:0 0 5px;}
.banner-text ul, .banner-text  ul.list2, .banner-text  ul.list3, .banner-text  ul.um-misc-ul{display:block;}

.pd {
    padding: 10px 0 !important;
}

.banner-text .midl ul{ width:100; margin:25px auto; display:table;}
.banner-text .midl ul li{width:100%; margin:0 0 10px; float:none;}
.login-part{ width:80%; padding:15px;}
#content .text-subs h2{ font-size:30px;}
.stories-box{ width:100%;}
.es-field-wrap, .submitbox{ float:none; width:100%; padding:0 10px;}


}
@media only screen and (min-width: 740px) {
.nav-menu{ display:block !important;}
}
@media only screen and (max-width: 450px) {
.banner-text h1{ font-size:25px; line-height:28px;}

}