@charset "utf-8";
/* CSS Document */

body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
}

h2 {
    margin: 10px 0
}

p,
li,
a,
address,
span {
    font-size: 14px;
    text-decoration: none;
    font-style: normal;
    list-style: none;
    font-weight: 300
}

p.read {
    margin: 10px 0 !important;
    display: inline-block;
    border: 1px solid #3366cc;
    padding: 0 !important;
    transition: all 1000ms ease;
    background: #fff;
}

p.read a {
    float: left;
    text-align: center;
    padding: 10px 10px;
    color: #3366cc;
    text-transform: uppercase;
}

.full-wrapper {
    margin: 0;
    width: 100%;
}

.container {
    margin: 0 auto;
    width: 1200px;
}

.full-wrapper header {
    float: left;
    width: 100%;
    position: fixed;
    z-index: 999999;
}

.full-wrapper header .top {
    float: left;
    width: 100%;
    height: 20px;
    background: #1B75BB;
    transition: all 1000ms ease;
}

.full-wrapper header .bottom {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px 0 0;
    transition: all 1000ms ease;
}

.full-wrapper header .bottom .logo {
    float: left;
    width: 10%;
    text-align: center;
    transition: all 1000ms ease;
}

.full-wrapper header .bottom .logo img {
    width: 200px;
    float: left;
    transition: all 1000ms ease;
}

.full-wrapper header .bottom nav {
    float: right;
    margin-top: 50px;
    transition: all 1000ms ease;
    position: relative
}

.full-wrapper header .bottom nav ul {
    float: right;
    padding: 0;
    margin: 0;
    text-align: center;
    max-height: 47px;
}

.full-wrapper header .bottom nav ul li {
    display: inline-block;
    margin: 0 0 0 10px;
    border-bottom: 5px solid transparent
}

.full-wrapper header .bottom nav ul>li a {
    color: #1B75BB;
    padding: 0 0 23px;
    float: left;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}

.full-wrapper header .bottom nav ul.ch li a {
    text-transform: capitalize;
}

.full-wrapper header .bottom nav ul li.active {
    border-bottom: 5px solid #1B75BB
}

.full-wrapper header .bottom nav ul li.active a,
.full-wrapper header .bottom nav ul li:hover a {
    color: #1B75BB;
}

.full-wrapper header .bottom nav span.phone {
    position: absolute;
    right: 0;
    top: -45px;
    color: #3366cc;
    transition: all 1000ms ease;
    font-size: 16px;
}

.full-wrapper header .bottom nav span.phone:before {
    font-family: 'fontawesome';
    content: '';
    margin-left: -30px;
    background: url(../images/phone.png) no-repeat;
    background-size: 100% 100%;
    width: 25px;
    height: 25px;
    float: left;
}

.full-wrapper header.fixed .top {
    height: 10px;
}

.full-wrapper header.fixed .bottom .logo {
    float: left;
    width: 10%;
    text-align: center;
}

.full-wrapper header.fixed .bottom .logo img {
    width: 170px;
    float: left;
}

.full-wrapper header.fixed .bottom nav {
    float: right;
    margin-top: 20px;
}

.full-wrapper header.fixed .bottom nav span.phone {
    opacity: 0;
}

.full-wrapper .banner {
    float: left;
    width: 100%;
    background: url(../images/banner/banner-back.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 50px 0;
    margin-top: 127px;
}

.full-wrapper .banner.inner {
    padding: 0;
}

.full-wrapper .banner.maps {
    padding: 0;
}

.full-wrapper .banner img {
    float: left;
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6)
}

.full-wrapper .banner .map {
    pointer-events: none;
    float: left;
    width: 100%;
}

.full-wrapper .banner .map.scroll {
    pointer-events: auto;
}

.full-wrapper .banner iframe {
    float: left;
    width: 100%;
    height: 400px;
}

.full-wrapper .pn-0 {
    float: left;
    width: 100% !important;
    padding: 20px 0;
    text-align: center
}

.full-wrapper .pn-1 .box1 {
    float: left;
    width: 49%;
}

.full-wrapper .pn-1 .box2 {
    float: right;
}

.full-wrapper .pn-1 .box1 img {
    float: left;
    width: 100%;
    opacity: .6;
    transition: all 1000ms ease;
}

.full-wrapper .pn-1 .box1:hover img {
    opacity: 1;
}

.full-wrapper .pn-1 .box1 h2 {
    background: #1B75BB;
    margin: 0;
    float: left;
    text-align: center;
    width: 96%;
    padding: 10px 2%;
}

.full-wrapper .pn-1 .box1 h2 a {
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
    font-size: 19px;
    float: left;
    width: 100%;
}

.full-wrapper .pn-2 {
    background: url(../images/panel-2/back.jpg) no-repeat left;
    background-size: 100% 100%;
    padding: 100px 0;
}

.full-wrapper .pn-2 h2 {
    text-align: center;
    color: #000;
    font-weight: 300;
    font-size: 36px;
    text-transform: uppercase;
}

.full-wrapper .pn-2 p {
    text-align: center;
    font-size: 15px;
    color: #000;
    margin-bottom: 40px;
    padding: 0 22%
}

.full-wrapper .pn-2 p.read:hover {
    background: #3366cc;
    border-color: #3366cc
}

.full-wrapper .pn-2 p.read:hover a {
    color: #fff;
}

.full-wrapper .pn-3 h2 {
    font-weight: 300;
    font-size: 36px;
    color: #000;
    text-align: center;
    text-transform: uppercase
}

/*.full-wrapper .pn-3 .border{display:inline-block; width:60%; box-shadow:5px 5px 10px #000;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;padding:10px 10%;}*/

.full-wrapper .pn-3 iframe {
    width: 80%;
    height: 550px;
    display: inline-block
}

.full-wrapper .pn-4 {
    background: #e1e1e1;
}

.full-wrapper .pn-4 .img {
    float: left;
    width: 30%;
}

.full-wrapper .pn-4 .img img {
    float: left;
    width: 100%;
    box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, .7);
    -webkit-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, .7);
    transition: all 1000ms ease;
}

.full-wrapper .pn-4 .detailed {
    float: left;
    width: 65%;
    margin-left: 5%;
}

.full-wrapper .pn-4 .detailed h2 {
    text-align: left;
    font-weight: 300;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0 0 10px
}

.full-wrapper .pn-4 .detailed ul {
    float: left;
    width: 32.33333%;
    margin: 28px 1% 0 0;
    padding: 0;
}

.full-wrapper .pn-4 .detailed ul li {
    text-align: left;
    line-height: 25px;
    margin-left: 20px;
    position: relative;
    text-transform: capitalize
}

.full-wrapper .pn-4 .detailed ul li a {
    color: #333333;
    left: 0px;
    position: relative;
    transition: all 1000ms ease;
}

.full-wrapper .pn-4 .detailed ul li a:hover {
    left: 2px;
    color: #3366cc
}

.full-wrapper .pn-4 .detailed ul li:before {
    font-family: 'fontawesome';
    content: '\f101';
    position: absolute;
    left: -20px;
    font-weight: 400
}

.full-wrapper .pn-5 .all {
    float: left;
    width: 100%;
}

.full-wrapper .pn-5 .all .al-1 {
    float: left;
    width: 32%;
    margin-right: 1%;
}

.full-wrapper .pn-5 .all .al-1 img {
    float: left;
    width: 100%;
    transition: all 1000ms ease;
    opacity: .6
}

.full-wrapper .pn-5 .all .al-1:hover img {
    opacity: 1;
}

.full-wrapper .pn-5 .all .al-1 h2 {
    width: 96%;
    text-align: left;
    padding-left: 4%;
    background: #1B75BB url(../images/panel-5/back.png) right top no-repeat;
    padding: 6px 0 0 4%;
    float: left;
    margin: 0;
    height: 100px;
    background-position: 100% 60%;
    display: table;
}

.full-wrapper .pn-5 .all .al-1 h2 a {
    font-weight: 300;
    font-size: 19px;
    color: #fff;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

footer {
    float: left;
    width: 100%;
    padding: 0 0 10px 0;
    text-align: center;
    color: #fff;
    background: #1B75BB;
}

footer p {
    margin: 3px 0 0 0;
}

footer p.copy {
    float: left;
}

footer .social {
    display: inline-block;
}

footer .social i {
    width: 30px;
    height: 30px;
    background: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
    margin-right: 10px;
    color: rgb(44, 42, 42)
}

footer .social span {
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}

footer .social img {
    float: left;
    width: 30px;
    margin-right: 10px;
}

footer p.design {
    float: right;
}

footer p.design a {
    color: #fff;
}

footer .top {
    float: left;
    width: 100%;
    background: #fff;
    border-top: 1px solid #999999;
    padding: 10px 0;
    margin: 0 0 10px 0;
}

footer .cl-3 {
    float: left;
    width: 24%;
}

footer .cl-5 {
    float: left;
    width: 24%;
    margin-left: 3%;
    color: #333333;
    text-align: left;
    font-size: 13px;
}

footer .cl-5 ul li {
    font-weight: 400;
}

footer .cl-5 ul p {
    font-weight: 400;
    line-height: 25px;
}

footer .cl-4 {
    float: left;
    width: 12.5%;
}

footer .cl-4 iframe {
    width: 100%;
    height: inherit;
}

footer .cl-3 ul {
    float: left;
    padding: 0;
    margin: 0;
}

footer .cl-3 ul>ul {
    float: left;
    width: 95%;
    margin: 0 0 0 5%;
}

footer .cl-3 ul li {
    float: left;
    width: 95%;
    margin: 5px 0;
    text-align: left
}

footer .cl-3 ul li a {
    color: #666666;
    font-size: 14px;
    font-weight: 600;
}

footer .cl-3 ul>ul li {
    position: relative;
    margin-left: 5%;
}

footer .cl-3 ul.ne li a,
footer .cl-3 ul>ul li a {
    color: #1B75BB;
    font-weight: 400;
}

footer .cl-3 ul>ul li:before {
    content: '\f0da';
    font-family: 'fontawesome';
    margin: 2px 0 0 -15px;
    float: left;
    color: #3366cc;
}

footer .cl-3 iframe {
    width: 100%;
    height: inherit;
    float: left;
    margin-bottom: 20px;
}

footer .cl-3 ul.ne {
    margin-top: 30px;
}

footer .cl-3 ul li img {
    width: 40px;
    float: left;
    margin-right: 20px;
}

footer .cl-3 ul.img {
    margin: 0;
}

footer .cl-3 ul.img li {
    margin: 5px 0 10px;
}

footer .cl-3 ul.img li:before {
    content: '';
}

footer .cl-3 ul.img li span {
    color: #333333;
    float: left;
    margin-left: -5px;
    font-weight: 400;
}

.req {
    position: fixed;
    right: 0;
    top: 300px;
    width: 250px;
    z-index: 99999;
    margin-right: -194px;
}

.req img {
    float: left;
    margin-right: 10px;
    width: 70px;
    cursor: pointer;
}

.req p {
    margin: 0;
    padding: 17px 0 17px;
    background: #33ccff;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    text-transform: capitalize;
    color: #fff;
    margin-top: 3px;
}

.req p a {
    color: #fff;
}

.quiz {
    position: fixed;
    right: 0;
    top: 400px;
    width: 209px;
    text-align: center;
    z-index: 999999999;
    margin-right: -209px;
}

.quiz .quiz1 {
    text-align: center;
    background: #fff;
    float: left;
    width: 100%;
    padding: 10px 0;
}

.quiz p {
    position: absolute;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    top: 40px;
    left: -80px;
    margin: 0;
    padding: 10px;
    background: #1B75BB;
    color: #fff;
    text-transform: capitalize;
    cursor: pointer;
}

.quiz span {
    text-align: center;
    float: left;
    width: 100%;
    text-transform: capitalize;
}

.quiz span a {
    color: #000
}

.quiz img {
    text-align: center;
    width: 80px;
    margin: 20px 0;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
}

.full-wrapper .clients {
    float: left;
    width: 100%;
    border-top: 1px solid #999999;
    padding: 20px 0;
    margin-top: 30px;
    text-align: center
}

.full-wrapper .clients.inner {
    float: left;
    width: 100%;
    border-top: 1px solid #999999;
    padding: 20px 0;
    margin-top: 0;
    text-align: center
}

.full-wrapper .clients ul {
    text-align: center;
}

.full-wrapper .clients ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 34px;
    list-style: none;
}

.full-wrapper .clients .marquee0 {
    float: left;
    width: 100%;
    background: #fff;
}

.full-wrapper .clients .marquee0>div {
    width: 100% !important;
}

.full-wrapper .clients ul li img {
    height: 60px !important
}

.full-wrapper .clients img {
    height: 60px;
    display: inline-block;
    margin: 0 30px;
}

.full-wrapper .in-p-0 {
    float: left;
    width: 100%;
    padding: 20px 0;
}

.full-wrapper .in-p-0 h2,
.full-wrapper .in-p-0 h1 {
    text-align: left;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 300;
    margin: 0 0 10px;
    color: #333333;
}

.full-wrapper .in-p-0 p {
    text-align: left;
    color: #333333;
    font-weight: 400;
    margin: 0 0 10px 0;
}

.full-wrapper .in-p-1 .address,
.full-wrapper .in-p-1 .form {
    float: left;
    width: 50%;
    text-align: center;
}

.full-wrapper .in-p-1 .address p {
    float: left;
    width: 100%;
}

.full-wrapper .in-p-1 .form .text {
    float: left;
    outline: 1px solid #3366cc;
    padding: 7px 0 7px 1%;
    width: 48%;
    margin: 0 1% 10px 0;
    border: none;
}

.full-wrapper .in-p-1 .form .text2 {
    float: right;
}

.full-wrapper .in-p-1 .form .textarea {
    float: left;
    width: 98%;
    padding: 7px 0 7px 1%;
    outline: 1px solid #3366cc;
    margin: 0 0 10px 0;
    border: none;
    min-height: 80px;
}

.full-wrapper .in-p-1 .form .capcha {
    float: left;
    width: 23%;
    height: 32px;
    margin-right: 2%;
}

.full-wrapper .in-p-1 .form .capchatext {
    float: left;
    width: 23%;
    padding: 7px 0 7px 1%;
    border: none;
    outline: 1px solid #3366cc;
    margin: 0 0 10px 0;
}

.full-wrapper .in-p-1 .form .button {
    display: inline-block;
    padding: 15px 20px;
    background: #3366cc;
    color: #fff;
    border: none;
    cursor: pointer;
}

.full-wrapper .in-p-1 ul {
    margin: 0;
}

.full-wrapper .in-p-1 ul li {
    float: left;
    width: 100%;
    color: #333333;
    font-weight: 400;
    line-height: 25px;
    list-style: url(../images/list-style.png);
}

.full-wrapper .in-p-1 h3 {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    color: #1B75BB;
    float: left;
    width: 100%;
    margin: 10px 0;
}

.full-wrapper .in-p-1 .cl-0 {
    float: left;
    width: 50%;
}

.full-wrapper .in-p-1 .cl-1 h4 {
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 5px 0;
    color: #fff;
}

.full-wrapper .in-p-1 .cl-1 p {
    color: #fff;
}

.full-wrapper .in-p-1 .cl-1 ul {
    margin: 10px 0;
}

.full-wrapper .in-p-1 .cl-1 ul li {
    color: #fff;
}

.full-wrapper .in-p-1 .cl-1 .img {
    float: left;
    width: 40%;
    outline: 1px solid #999999;
    outline-offset: -1px;
    height: 203px;
    padding: 5px 0;
    display: table;
}

.full-wrapper .in-p-1 .cl-1 .img img {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    float: none
}

.full-wrapper .in-p-1 .cl-1 .cn-1 {
    float: left;
    width: 58%;
    background: rgba(0, 0, 0, 0.7);
    min-height: 203px;
    padding: 5px 1%;
    color: #fff;
    position: relative;
}

.full-wrapper .in-p-1 .cl-1 .cn-1 p.ab {
    position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0;
}

.full-wrapper .in-p-1 .cl-1 .cn-1 h4 {
    text-align: center;
}

.full-wrapper .in-p-1 .cl-1 .cn-1 p {
    float: none;
    margin: 8px 0 0 13px;
    text-align: center;
}

.full-wrapper .in-p-1 .cl-1 .cn-1 span {
    margin: 10px 0 10px 4%;
    float: left;
    width: 96%;
}

.full-wrapper .in-p-1 .cl-2 {
    float: left;
    width: 100%;
    text-align: justify
}

.full-wrapper .in-p-1 .cl-2 {}

.full-wrapper .in-p-1 .cl-2 ul li {
    float: left;
    width: 33.3333%;
    line-height: 25px;
    text-transform: capitalize
}

.full-wrapper .in-p-1 .cl-2 ul {
    float: left;
    width: 97%;
    padding: 0 0 0 3%;
    margin: 10px 0;
}

.full-wrapper .in-p-1 .cl-2 .cn-2 ul li {
    float: left;
    width: 100%;
}

.full-wrapper .in-p-1 .cn-3 {
    float: left;
    width: 100%;
    text-align: justify
}

.full-wrapper .in-p-1 .cn-3 p {
    text-align: justify
}

.full-wrapper .in-p-1 h4 {
    font-size: 17px;
    color: #1B75BB;
    text-transform: uppercase;
    margin: 10px 0;
    font-weight: 400;
}

.full-wrapper .in-p-1 ul.new {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.full-wrapper .in-p-1 ul.new li {
    float: left;
    width: 47.5%;
    list-style: none;
    min-height: 130px;
    margin: 0 0 5px;
    padding: 10px 1%;
    outline: 1px solid #e1e1e1;
    outline-offset: -1px;
}

.full-wrapper .in-p-1 ul.new ul li {
    list-style: url(../images/list-style.png);
    width: 100%;
    padding: 0;
    margin: 0;
    outline: none;
    min-height: inherit
}

.full-wrapper .in-p-1 ul.new li:nth-child(even) {
    float: right;
}

.full-wrapper .in-p-1 .cn-4 {
    float: left;
    width: 49%;
    box-shadow: 0 0 5px #e1e1e1;
    -webkit-box-shadow: 0 0 5px #e1e1e1;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 15px 15px;
}

.full-wrapper .in-p-1 .row {
    float: left;
    width: 100%;
}

.full-wrapper .in-p-1 .cn-4:nth-child(3) {
    float: right;
}

.full-wrapper .in-p-1 .cn-4 ul li {
    float: left;
    width: 100%;
    margin: 0 0 10px;
    text-transform: capitalize;
}

.full-wrapper .in-p-1 .cn-4 ul>ul li {
    list-style: url(../images/list-style-2.png);
}

.full-wrapper .in-p-3 iframe {
    float: left;
    width: 100%;
    height: 450px;
}

.full-wrapper .in-p-1 .all {
    float: left;
    width: 100%;
}

.full-wrapper .in-p-1 .all .cw1 {
    float: left;
    width: 47%;
    border: 1px solid #e1e1e1;
    padding: 10px 1%;
    position: relative;
    transition: all 1000ms ease;
    top: 0;
}

.full-wrapper .in-p-1 .allsp .cw1 {
    min-height: 280px;
}

.full-wrapper .in-p-1 .all .cw1:nth-child(even) {
    float: right;
}

.full-wrapper .in-p-1 .all .cw1:hover {
    top: -3px;
    box-shadow: 0 0 15px #e1e1e1;
    -webkit-box-shadow: 0 0 15px #e1e1e1;
}

.full-wrapper .in-p-1 .all .cw1 h4 {
    margin: 0 0 10px;
}

.full-wrapper .in-p-1 ul>ul li {
    list-style: url(../images/list-style-2.png);
}

.full-wrapper .in-p-1 .all .cw2 {
    float: left;
    width: 30.33%;
    margin-right: 1%;
    padding: 10px 1%;
    outline: 1px solid #e1e1e1;
    min-height: 230px;
}

.full-wrapper .in-p-1 ul.new2 li {
    min-height: 180px;
}

.full-wrapper .form-1 {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.full-wrapper .form-1 form {
    float: left;
    width: 100%;
}

.full-wrapper .form-1 form ul {
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
}

.full-wrapper .form-1 form ul li {
    float: left;
    width: 50%;
    list-style: none;
    margin: 0 0 10px;
    text-align: center
}

.full-wrapper .form-1 form ul li.full {
    width: 100%;
}

.full-wrapper .form-1 form ul li .in-1 {
    float: left;
    width: 250px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px 5px;
}

.full-wrapper .form-1 form ul li span {
    float: left;
    width: 150px;
    padding: 10px 5px;
    padding: 10px 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: left
}

.full-wrapper .form-1 form ul li .in-2 {
    float: left;
    width: 250px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px 5px;
}

.full-wrapper .form-1 form ul li .su-1 {
    display: inline-block;
    margin: 30px 5px 0;
    padding: 10px 15px;
    border: none;
    background: #193E70;
    color: #fff;
    cursor: pointer
}

.reveal-modal iframe {
    width: 350px;
    height: 200px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

/*-----franchise old css-----*/

.full {
    float: left;
    width: 100%;
    text-align: justify;
}

.innerpanel {
    float: left;
    width: 100%;
    background: #f4f4f4;
    padding: 40px 0;
    min-height: 360px;
    line-height: 20px;
    font-family: 'Lato', sans-serif;
    color: #333333 !important;
    background: #fff;
    margin-top: 127px;
}

.innerpanel p {
    color: #333333 !important;
    line-height: 20px;
    float: left;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
}

.innerpanel .head {
    font-weight: 300 !important;
    color: #1B75BB !important;
    font-size: 36px !important;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 30px;
    float: left;
}

.innerpanel h2 {
    font-weight: 400;
    margin: 10px 0 15px 0;
    font-size: 22px;
    color: #1B75BB;
    float: left;
    width: 100%;
}

.innerpanel .leftpanel {
    width: 34%;
    float: left;
}

.innerpanel .leftpanel img {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.innerpanel .rightpanel {
    width: 100%;
    float: left;
    text-align: justify;
}

.innerpanel .rightpanel p {
    margin: 8px 0;
}

.innerpanel ul {
    margin: 0 0 0 20px;
    padding: 0;
}

.innerpanel ul li {
    float: left;
    width: 100%;
    margin-bottom: 8px;
    line-height: 22px;
    list-style-image: url(../images/star.png);
    font-weight: 400;
    text-align: justify !important;
}

.innerboxpanel {
    float: left;
    width: 100%;
    background: #f4f4f4;
    padding: 40px 0;
    min-height: 340px;
    line-height: 20px;
}

.innerboxpanel .colmain {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
}

.innerboxpanel .colmain .colmain1 {
    width: 18% !important;
    min-height: 225px !important;
    margin: 0 1% 0 0;
    display: inline-block;
    float: none !important;
    position: relative;
}

.innerboxpanel .colmain h3 {
    color: #1B75BB;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 24px;
}

.innerboxpanel .colmain .col1 {
    float: left;
    width: 21% !important;
    background: #ffffff;
    min-height: 250px;
    padding: 20px 2%;
    text-align: center;
    color: #989595;
}

.innerboxpanel .colmain .col1 a {
    background: #43C7F4;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
}

.innerboxpanel .colmain .col2 {
    float: left;
    width: 25%;
    background: #e1e1e1;
    min-height: 290px;
    padding: 0;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}

/* newly added css */

.innerboxpanel .colmain .col2 .over {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    bottom: -35%;
    transition: all 500ms ease;
    transition: all 500ms ease;
}

.innerboxpanel .colmain .col2 .over p {
    color: #fff;
    text-transform: capitalize;
    margin: 5px 0;
    width: 96%;
    padding: 0 2%;
}

.innerboxpanel .colmain .col2:hover .over {
    bottom: 0;
    transition: all 1000ms ease;
    transition: all 1000ms ease;
}

.innerboxpanel .colmain .col2 img {
    position: absolute;
    width: 100%;
    height: 99%;
    left: 0;
    transition: all ease 1000ms
}

/*.innerboxpanel .colmain .col2 img:hover{left:-10px; width:113%; height:123%;}*/

.innerpanel .rightpanel .left {
    float: left;
    width: 47%;
    margin-top: 85px;
}

.innerpanel .rightpanel .left1 {
    margin-top: 30px;
}

.full-panel {
    width: 100% !important;
}

.samp {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 30px;
}

.samp a {
    font-weight: 600;
    color: #1B75BB;
    margin: 0 1% 0 0;
    float: none;
    width: 10%;
    padding: 10px;
    border: 1px solid #e1e1e1;
    transition: all ease 300ms;
    display: inline-block;
}

.samp a .img {
    width: 100%;
    height: 80px;
    overflow: hidden;
    text-align: center;
}

.samp a img {
    width: 70px;
    text-align: center;
    position: relative;
    transition: all ease 300ms;
    top: 0;
}

.samp span {
    padding: 6px 0;
    text-transform: uppercase;
    color: #1B75BB;
    font-weight: 600;
    width: 100%;
    text-align: center;
    float: left;
}

.all {
    float: left;
    width: 100%;
}

.samp a.selected .fb {
    color: #fff;
}

.samp a:hover .fb {
    color: #fff;
    transition: ease all 1000ms;
}

.fb1 {
    float: left;
    padding: 15px;
    width: 20%;
    text-transform: uppercase;
    border: 1px solid #e1e1e1;
    background: #1B75BB;
    font-weight: 600;
    color: #fff;
    margin: 15px 0%;
    font-size: 19px;
    text-align: center
}

.samp a.selected,
.samp a:hover {
    background: #1B75BB;
    transition: all ease 800ms;
    position: relative;
}

.samp a.selected:before {
    position: absolute;
    border-bottom: transparent 22px solid;
    border-top: 22px solid #1B75BB;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    content: '';
    bottom: -44px;
    left: 38%;
}

.samp a.selected .img img {
    top: -80px;
}

.samp a:hover .img img {
    top: -80px;
    transition: all ease 800ms;
}

.tabs .colmain {
    display: none;
}

.tabs .show {
    display: block;
}

.tabs .colmain1 img {
    outline: 1px solid #1B75BB;
    outline-offset: -1px;
}

.innerpanel .rightpanel .right {
    float: left;
    width: 50%
}

.innerpanel .rightpanel form {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.innerpanel .rightpanel .text {
    float: left;
    width: 64%;
    height: 35px;
    border: 1px solid #e1e1e1;
    margin-right: 0%;
    text-indent: 10px;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    margin-bottom: 15px;
}

.innerpanel .rightpanel .capchatext {
    float: left;
    width: 47%;
    height: 35px;
    border: 1px solid #e1e1e1;
    margin-right: 1%;
    text-indent: 10px;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    margin-bottom: 15px;
    float: right;
}

.innerpanel .rightpanel .upload {
    float: left;
    width: 60%;
    height: 20px;
    border: 1px solid #e1e1e1;
    margin-right: 0%;
    text-indent: 0px;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    padding: 10px 2%;
    margin-bottom: 15px;
}

.innerpanel .rightpanel label {
    float: left;
    width: 34%;
    line-height: 38px;
}

.innerpanel .rightpanel .text:hover {
    background: none;
}

.innerpanel .rightpanel .text:nth-child(2) {
    margin-right: 0;
}

.innerpanel .rightpanel .text:nth-child(4) {
    margin-right: 0;
}

.innerpanel .rightpanel .textarea {
    float: left;
    width: 63.5%;
    height: 100px;
    margin: 0px 0 15px;
    border: 1px solid #e1e1e1;
    font-family: 'Lato', sans-serif;
    text-indent: 10px;
    padding-top: 15px;
    resize: none;
    border-radius: 5px;
}

.innerpanel .rightpanel .button {
    float: left;
    border-radius: 5px;
    width: 100px;
    height: 35px;
    background: #1B75BB;
    border: 1px solid #1B75BB;
    cursor: pointer;
    color: #fff;
    font-family: 'Lato', sans-serif;
    margin: 15px 0 20px;
}

.innerpanel .rightpanel .capcha {
    margin-left: 0%;
    float: left;
    height: 39px;
    border: none;
    width: 15%;
}

li.pa {
    position: relative;
}

ul.ch {
    position: absolute;
    top: 47px;
    left: 0;
    padding: 0 0 0 !important;
    width: 250px !important;
    transition: all ease 500ms;
    z-index: -9999999;
    display: none;
}

ul.ch li {
    background: #1B75BB;
    float: left !important;
    width: 96%;
    padding: 3px 2%;
    margin: 0 !important
}

ul.ch li a {
    width: 94% !important;
    float: left !important;
    padding: 5px 1% 5px 5% !important;
    color: #fff !important;
    font-size: 14px !important;
    text-align: left
}

li.pa:hover a {
    padding-bottom: 20px;
}

li.pa:hover ul.ch {
    display: block;
    z-index: 9999999;
}

li.pa:hover ul.ch2 {
    display: block;
    z-index: 9999999;
}

.new1 {
    float: left;
    width: 100%;
    text-align: center
}

p.new {
    float: left;
    margin: 20px 0 0 !important;
    width: 100% !important;
    text-transform: capitalize;
    text-align: left
}

.new1 img {
    float: none;
    width: 85%;
}

.new1 a {
    display: inline-block;
    width: 7%;
    outline-offset: 4px;
    outline: 1px solid #e1e1e1;
    margin: 23px 6px 10px 20px;
    text-align: center;
}

.new1 a span {
    width: 100%;
    text-align: center;
}

.video {
    float: left;
    width: 100%;
    text-align: center;
}

.video iframe {
    float: none;
    width: 70%;
    height: 350px;
    display: inline-block;
}

.video h2 {
    float: left;
    text-align: left;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 400;
    width: 100%;
}

.inline {
    float: left;
    width: 100%;
}

.reveal-modal .inline h4 {
    float: left;
    width: 45%;
    margin: 0 0 10px 0;
    margin-right: 0;
}

.reveal-modal .inline p {
    float: left;
    width: 50%;
    margin: 0 0 10px 30px;
    margin-left: 10px;
    position: relative;
}

.reveal-modal .inline p:before {
    position: absolute;
    content: ':';
    left: -30px;
}

.trade {
    float: left;
    width: 96%;
    display: table;
    margin-bottom: 20px;
    padding: 10px 2%;
    background: #fff;
}

.trade img {
    width: 200px;
    float: left;
}

.trade p {
    margin: 10px 0;
    padding: 0;
    text-align: justify;
    width: 80%;
    display: table-cell;
    vertical-align: middle;
}

.trade-new .row {
    padding: 0;
    text-align: justify;
    width: 80%;
    display: table-cell;
    vertical-align: middle;
    float: right;
}

.trade-new p {
    display: block;
}

.trade-new p:first-child {
    font-size: 20px;
}

.trade-new p.small {
    font-size: 12px;
}

.trade-new.border {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;
}

.spc h2 {
    text-align: left;
    font-size: 23px;
    font-weight: 400;
    text-transform: capitalize;
    float: left;
    width: 100%;
    color: #1B75BB
}

.sp {
    float: left;
    width: 100%;
    text-align: center;
}

.sp p {
    float: none;
    padding: 10px 10px;
    background: #fff;
    color: #000;
    display: inline-block;
    position: relative;
    text-transform: capitalize;
    font-size: 17px;
    margin: 0 3px
}

.sp p:before {
    position: relative;
    font-family: 'fontawesome';
    content: '\f073';
    left: 0px;
    margin-right: 5px;
}

.innerboxpanel .franchise-partner {
    float: left;
    width: 100%;
    text-align: center
}

.innerboxpanel .franchise-partner .img {
    float: left;
    width: 19%;
    margin: 10px 1% 10px 0;
}

.innerboxpanel .franchise-partner .img img {
    float: left;
    width: 100%;
}

.innerboxpanel .franchise-partner .img p {
    text-align: center;
    font-size: 15px;
    float: left;
    width: 100%;
    text-transform: capitalize;
    background: #fff;
    height: 70px;
    margin-top: 2px;
    display: table;
}

.innerboxpanel .franchise-partner .img p span {
    display: table-cell;
    vertical-align: middle;
}

.innerboxpanel .franchise-partner .img p span a {
    color: #1B75BB;
}

.innerboxpanel .franchise-partner .img p:hover {
    background: #1B75BB;
}

.innerboxpanel .franchise-partner .img p:hover a {
    color: #fff;
}

ul.ch>li:hover {
    background: #fff;
}

ul.ch>li:hover a {
    color: #3366cc !important;
}

#mobile-nav {
    display: none;
}

.center {
    font-weight: 800 !important;
    text-align: center;
}

.innerboxpanel .colmain .colmain1 .img {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    outline: 1px solid #1B75BB;
    outline-offset: -1px;
}

#bla {

    background: black;
    width: 125px;
    height: 125px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
}

.img-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 40px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.innerboxpanel .colmain .colmain1 .img img {
    width: auto;
    outline: none;
    height: auto;
    position: relative;
    max-height: 70%;
    max-width: 90%;
}

.innerboxpanel .colmain .colmain1 .img p {
    font-weight: 600;
    position: absolute;
    bottom: 0px;
    text-align: center;
    right: 0;
    left: 0;
    font-size: 20px;
}

/* New CSS */

.d-flex {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0;
}

.d-flex .left {
    width: 50%;
}

.d-flex .right {
    width: 50%;
    background: #1B75BB;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    color: #fff;
    border-radius: 2px;
}

.d-flex .right p {
    padding: 0 30px;
    color: #fff;
}

.d-flex .right p em {
    color: sandybrown;
    font-size: 120%;
}

.d-flex .left p {
    text-align: justify;
    padding-right: 20px;
}

.d-flex .right h2 {
    padding: 0 30px;
    color: #fff;
    font-size: 20px;
}

.franchise-broker p {
    line-height: 28px;
}

.franchise-broker p.bullets {
    padding-left: 20px;
}

.franchise-broker p.bullets:before {
    content: '\f105';
    position: absolute;
    font-family: fontawesome;
    font-weight: 900;
    margin-left: -20px;
}

.full-wrapper header.fixed {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .2);
}

@media (min-width:100px) and (max-width:1150px) {

    #mobile-nav {
        display: block;
        top: 15px;
        margin: 0;
        right: 30px;
    }

    .full-wrapper header.fixed #mobile-nav {
        top: 0;
    }

    .container {
        margin: 0 auto;
        width: 90%;
    }

    .full-wrapper header .bottom nav {
        display: none;
    }

    .full-wrapper header .bottom {
        padding: 10px 0;
    }

    .full-wrapper header.fixed .bottom .logo img {
        width: 90px;
    }

    .full-wrapper header .bottom .logo img {
        width: 160px;
    }

    .full-wrapper .banner {
        margin-top: 104px;
    }

    .full-wrapper header.fixed .top {
        height: 4px;
    }

    .full-wrapper .pn-1 .box1 {
        width: 100%;
        margin-bottom: 10px;
    }

    .full-wrapper .pn-2 {
        padding: 10px 0;
    }

    .full-wrapper .pn-2 h2,
    .full-wrapper .pn-3 h2,
    .full-wrapper .in-p-0 h2 {
        font-size: 20px;
    }

    .full-wrapper .pn-2 p {
        text-align: justify;
        padding: 0;
    }

    .full-wrapper .pn-3 iframe {
        height: inherit
    }

    .full-wrapper .pn-4 .img {
        display: none;
    }

    .full-wrapper .pn-4 .detailed h2 {
        font-size: 20px;
    }

    .full-wrapper .pn-4 .detailed {
        width: 100%;
        margin: 0;
    }

    .full-wrapper .pn-4 .detailed ul {
        width: 100%;
        margin: 0;
    }

    .full-wrapper .pn-5 .all .al-1 {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .full-wrapper .pn-5 .all .al-1 h2 {
        height: auto;
        padding: 5px 10px 5px 10px;
        width: 100%;
        box-sizing: border-box;
        background: #1B75BB;
    }

    footer .cl-4,
    footer .cl-3 {
        width: 100%;
        margin: 0 0 10px 0;
    }

    footer p.design,
    footer p.copy {
        float: left;
        width: 100%;
        text-align: center;
    }

    .req {
        top: 120px;
        display: none;
    }

    .quiz {
        top: 200px;
        display: none;
    }

    .full-wrapper header .bottom nav ul li {
        border: none;
    }

    .full-wrapper .in-p-0 p {
        text-align: justify
    }

    .innerpanel {
        margin-top: 70px;
    }

    .innerpanel .head {
        font-size: 20px !important;
    }

    .new1 a {
        width: 70px;
    }

    .samp a {
        width: 80px;
    }

    .innerboxpanel .colmain .colmain1 {
        width: 100% !important;
        margin: 50x 0 !important;
    }

    .full-wrapper header .bottom nav ul li.active,
    .full-wrapper header .bottom nav ul li {
        border: none;
    }

    .video iframe {
        float: left;
        width: 100%;
        height: inherit
    }

    .trade p {
        display: inherit;
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }

    .trade img {
        float: none;
    }

    .innerboxpanel {
        padding: 20px 0;
    }

    .full-wrapper .in-p-1 .cl-0,
    .full-wrapper .in-p-1 .cl-1 .img,
    .full-wrapper .in-p-1 .cl-1 .cn-1 {
        width: 100%;
    }

    .full-wrapper .in-p-1 .cl-1 .cn-1 {
        padding: 10px;
        box-sizing: border-box;
    }

    .full-wrapper .in-p-1 .cl-2 ul {
        width: 100%;
        padding: 0 0 0 30px;
        box-sizing: border-box;
    }

    .full-wrapper .in-p-1 h3 {
        font-size: 18px;
        text-align: left;
    }

    .full-wrapper .in-p-1 .cl-2 ul li {
        width: 100%;
    }

    .full-wrapper .in-p-1 ul.new li {
        width: 100%;
        margin: 10px 0;
        box-sizing: border-box;
        padding: 10px;
    }

    .full-wrapper .in-p-1 .cn-4,
    .full-wrapper .in-p-1 .all .cw1,
    .full-wrapper .in-p-1 .all .cw2 {
        width: 100%;
        padding: 10px;
        margin: 10px 0;
        box-sizing: border-box;
    }

    .innerboxpanel .franchise-partner .img {
        width: 50%;
        padding: 5px;
        box-sizing: border-box;
        margin: 5px 0;
    }

    .full-wrapper .banner iframe {
        height: 200px;
    }

    .full-wrapper .in-p-1 .address,
    .full-wrapper .in-p-1 .form {
        width: 100%;
    }
}

.pn-6 {
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
}

.pn-6.sp-margin {
    margin-bottom: 30px;
}

.pn-6 a {
    color: #525252;
}

.pn-6 h2 {
    text-align: center;
    font-weight: 300;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0 0 20px;
}

.pn-6 .events-wrapper {
    float: left;
    width: 100%;
}

.pn-6 .events-wrapper * {
    margin: 0;
    padding: 0;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.pn-6 .events-wrapper .events-slider {
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-basis: 1%;
    -webkit-flex-basis: 1%;
    flex-flow: wrap;
}

.pn-6 .events-wrapper .events-slider a {
    float: left;
    width: calc(33.33% - 50px);
    padding: 20px;
    box-shadow: 0 0 4px #e1e1e1;
    position: relative;
    margin: 10px 10px 10px 0;
}

.pn-6 .events-wrapper .events-slider .events-slide .img {
    float: left;
    width: 100%;
    height: 150px;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
}

.pn-6 .events-wrapper .events-slider .events-slide .img img {
    max-width: 120px;
}

.pn-6 .events-wrapper .events-slider .events-slide .img .date {
    position: absolute;
    width: 70px;
    height: 50px;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5px;
}

.pn-6 .events-wrapper .events-slider .events-slide .img .date p {
    font-size: 13px;
}

.pn-6 .events-wrapper .events-slider .events-slide .img .date span {
    font-size: 16px;
}

.pn-6 .events-wrapper .events-slider .events-slide .details {
    float: left;
    width: 100%;
    padding-top: 10px;
}

.pn-6 .events-wrapper .events-slider .events-slide .details p {
    font-size: 18px;
}

.pn-6 .events-wrapper .events-slider .events-slide .details span {
    font-size: 13px;
}

h2.big {
    font-size: 40px;
    font-weight: 400;
    color: #525252;
    margin: 20px 0;
}

#mycrawler * {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.full-wrapper .in-p-1 .form.franchiseform {
    width: 100%;
}

#franchiseform * {
    box-sizing: border-box;
}

.form fieldset {
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    border: none;
    flex: 0 0 49%;
    margin: 0;
    max-width: 49%;
    margin-right: 2%
}

.form fieldset:nth-child(2n) {
    margin-right: 0
}

.full-wrapper .in-p-1 .form fieldset label {
    font-size: 13px;
    margin-bottom: 5px;
    text-align: left;
}

.full-wrapper .in-p-1 .form fieldset select {
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 98% center;
}

.full-wrapper .in-p-1 .form fieldset:nth-child(n+3) {
    margin-top: 15px;
}

.full-wrapper .in-p-1 .form fieldset .text {
    width: 100%;
    margin: 0
}

.full-wrapper .in-p-1 .form fieldset em {
    font-size: 12px;
    color: indianred;
    font-style: normal;
}

#franchiseform {
    display: flex;
    flex-wrap: wrap;
}

.actionbuttons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0;
    width: 100%;
}

.actionbuttons input+input {
    margin-left: 20px;
}

input:not([type=checkbox]),
textarea,
button,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

select::-ms-expand {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

.result {
    text-align: center;
    float: left;
    width: 100%;
    margin: 20px 0;
}

.reg-btn {
    padding: 15px 25px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    display: inline-block;
    box-shadow: 0 0 3px rgba(0, 0, 0, .5);
    background: #1B75BB;
    font-size: 17px;
}

.regformtext {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0;
    font-size: 18px;
}

.regformtext p {
    font-size: 18px;
}

fieldset .checks {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.pn-6.new1 {
    padding: 50px 0 30px;
}

.pn-6 .grids {
    display: flex;
    flex-wrap: wrap;
    padding: 0 100px;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-weight: 300;
}

.pn-6 .grids .grid {
    box-sizing: border-box;
    width: 32.33%;
    margin-right: 1.5%;
    border: 1px solid #e1e1e1;
    padding: 20px;
    border-radius: 5px;
    margin-top: 30px;
    color: #fff;
    transition: .3s
}





@media (max-width:1100px) {
    .pn-6 .grids {
        padding: 30px 0;
    }
}

@media (max-width:767px) {
    .pn-6 h2 {
        font-size: 20px;
    }

    .pn-6 .grids {
        padding: 0;
        margin-bottom: 20px;
    }

    .pn-6 .grids .grid {
        padding: 10px;
        font-size: 11px;
    }
    .col-video{
        flex-basis: 100% !important;
    }
}

@media (max-width:550px) {
    .pn-6 .grids .grid {
        font-size: 8px;
        align-items: center;
    }

    .d-flex .left,
    .d-flex .right {
        width: 100%;
    }
}

@media (max-width:400px) {
    .pn-6 .grids {
        padding: 20px 0;
    }

    .pn-6 .grids .grid,
    .pn-6 .grids .grid:nth-child(3n) {
        width: 49%;
        padding: 10px;
        margin-top: 10px;
        margin-right: 2%;
    }

    .pn-6 .grids .grid:nth-child(2n) {
        margin-right: 0;
    }
}

.pn-6 .grids .grid:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 0 9px rgba(0, 0, 0, .5)
}

.pn-6 .grids .grid:nth-child(1) {
    background: rgb(70, 185, 182);
    border-color: rgb(70, 185, 182);
}

.pn-6 .grids .grid:nth-child(2) {
    background: rgb(252, 155, 61);
    border-color: rgb(252, 155, 61);
}

.pn-6 .grids .grid:nth-child(3) {
    background: rgb(173, 160, 58);
    border-color: rgb(173, 160, 58);
}

.pn-6 .grids .grid:nth-child(4) {
    background: rgb(56, 21, 87);
    border-color: rgb(56, 21, 87);
}

.pn-6 .grids .grid:nth-child(5) {
    background: rgb(10, 47, 117);
    border-color: rgb(10, 47, 117);
}

.pn-6 .grids .grid:nth-child(6) {
    background: rgb(159, 51, 38);
    border-color: rgb(159, 51, 38);
}

.pn-6 .grids .grid:nth-child(3n) {
    margin-right: 0
}

.full-wrapper .in-p-1 .form.bigform,
.full-wrapper .in-p-1 .form.bigform * {
    box-sizing: border-box;
}

.full-wrapper .in-p-1 .form.bigform {
    margin-top: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.full-wrapper .in-p-1 .form.bigform form {
    width: 100%;
    max-width: 700px;
    padding: 15px;
    border: 1px solid #e1e1e1;
}

.full-wrapper .in-p-1 .form.bigform .fieldset em {
    font-size: 10px;
    float: left;
    color: indianred;
    width: 100%;
    text-align: left;
    font-style: normal;
}

.full-wrapper .in-p-1 .form.bigform .fieldset {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.full-wrapper .in-p-1 .form.bigform .textarea,
.full-wrapper .in-p-1 .form.bigform .text {
    width: 100%;
    font-size: 13px;
    border-radius: 4px;
    padding: 15px;
    outline: none;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #e1e1e1;
    margin: 0;
}

.full-wrapper .in-p-1 .form.bigform .textarea:hover,
.full-wrapper .in-p-1 .form.bigform .text:hover,
.full-wrapper .in-p-1 .form.bigform .textarea:focus,
.full-wrapper .in-p-1 .form.bigform .text:focus {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.row-video{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.col-video{
    flex-basis: 30%;
}
.col-video h4{
    font-weight: 600;
    font-size: 18px;
    color: #1B75BB;
}
.col-video p{
    color: #1B75BB;
    text-align: justify;
}