@import url('https://fonts.googleapis.com/css?family=Roboto');

#cssmenu ul ul li,

#cssmenu>ul>li.has-sub>a:before {

    -webkit-transition: all .25s ease;

    -moz-transition: all .25s ease;

    -ms-transition: all .25s ease;

    -o-transition: all .25s ease

}



#cssmenu,

#cssmenu #menu-button,

#cssmenu ul,

#cssmenu ul li,

#cssmenu ul li a {

    margin: 0;

    padding: 0;

    border: 0;

    list-style: none;

    line-height: 1;

    display: block;

    position: relative;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



#cssmenu:after,

#cssmenu>ul:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0

}



#cssmenu #menu-button {

    display: none

}



#cssmenu {

    font-family: 'Roboto', sans-serif;

}



#cssmenu>ul>li {

    float: left

}



#cssmenu.align-center>ul {

    font-size: 0;

    text-align: center

}



#cssmenu ul ul li a,

#cssmenu>ul>li>a {

    font-size: 15px;

    text-decoration: none;

}



#cssmenu.align-center>ul>li {

    display: inline-block;

    float: none

}



#cssmenu>ul>li.has-sub>a:after,

#cssmenu>ul>li.has-sub>a:before {

    display: block;

    background: #2d3194;

    content: '';

    position: absolute

}



#cssmenu.align-center ul ul {

    text-align: left

}



#cssmenu.align-right>ul>li {

    float: right

}

#cssmenu > ul > li:first-child > a {

    border-left: 1px solid rgba(0,0,0,.05);

}

#cssmenu>ul>li>a {

    padding: 17px;

    letter-spacing:0.1px;

    color: #5e5e5e;

    font-weight: 400;

	font-size:15px;

	    position: relative;

    display: block;

	border-right: 1px solid rgba(0,0,0,.05);

}

#cssmenu>ul>li:after {

    width: 100%;

    height: 0;

    top: 0;

    z-index: 0;

    background: #06315c;

    transition: all .5s ease;

    -moz-transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -ms-transition: all .5s ease;

    -o-transition: all .5s ease;

    transform: skewX(-15deg);

    -ms-transform: skewX(-15deg);

    -o-transform: skewX(-15deg);

    -moz-transform: skewX(-15deg);

}

#cssmenu>ul>li:hover>a {

    color: #fff;

}



#cssmenu>ul>li.has-sub>a {

    padding-right: 30px;

}



#cssmenu>ul>li.has-sub>a:after {

    top: 22px;

    right: 11px;

    width: 8px;

    height: 2px;

}



#cssmenu>ul>li.has-sub>a:before {

    top: 19px;

    right: 14px;

    width: 2px;

    height: 8px;

    transition: all .25s ease;

}



#cssmenu>ul>li.has-sub:hover>a:before {

    top: 23px;

    height: 0;

}



#cssmenu ul ul {

    position: absolute;

    left: -9999px;

    z-index: 1000;

}



#cssmenu.align-right ul ul {

    text-align: right

}



#cssmenu ul ul li {

    height: 0;

    transition: all .25s ease;

}



#cssmenu li:hover>ul {

    left: auto;

}



#cssmenu.align-right li:hover>ul {

    left: auto;

    right: 0;

}



#cssmenu li:hover>ul>li {

    height: 35px;

}



#cssmenu ul ul ul {

    margin-left: 100%;

    top: 0;

}



#cssmenu.align-right ul ul ul {

    margin-left: 0;

    margin-right: 100%;

}



#cssmenu ul ul li a {

    border-bottom: 1px solid rgba(150, 150, 150, .15);

    padding: 11px 15px;

    width: 355px;

    color: #fff;

    font-weight: 400;

    background: #9cd3ac;

	font-size: 14px;

    letter-spacing: 0.3px;

}



#cssmenu ul ul li.has-sub>a:after,

#cssmenu ul ul li.has-sub>a:before {

    position: absolute;

    display: block;

    background: #fff;

    content: '';

}



#cssmenu ul ul li.last-item>a,

#cssmenu ul ul li:last-child>a {

    border-bottom: 0;

}



#cssmenu ul ul li a:hover,

#cssmenu ul ul li:hover>a {

    color: #fff;

	background:#017931;

}



#cssmenu ul ul li.has-sub>a:after {

    top: 16px;

    right: 11px;

    width: 8px;

    height: 2px

}



#cssmenu.align-right ul ul li.has-sub>a:after {

    right: auto;

    left: 11px

}



#cssmenu ul ul li.has-sub>a:before {

    top: 13px;

    right: 14px;

    width: 2px;

    height: 8px;

    -webkit-transition: all .25s ease;

    -moz-transition: all .25s ease;

    -ms-transition: all .25s ease;

    -o-transition: all .25s ease;

    transition: all .25s ease;

}



#cssmenu.align-right ul ul li.has-sub>a:before {

    right: auto;

    left: 14px;

}



#cssmenu ul ul>li.has-sub:hover>a:before {

    top: 17px;

    height: 0;

}



#cssmenu>ul>li.active {

    background: #2d3194;

}



#cssmenu>ul>li>a:hover {

    background: #2d3194;

}

#cssmenu ul > li:hover > a, #cssmenu ul > li.active > a {

    border-top: 3px solid #017931;

    background: #fff;

}

#cssmenu ul > li > a {

    border-top: 3px solid #f8f8f8;

}

#cssmenu ul ul li a {

    border-top: 1px solid #f8f8f8;

}

#cssmenu ul ul li a:hover {

    border-top: 1px solid #f8f8f8;

}

#cssmenu ul > li:hover > a {

    border-top-color: #017931;

	color:#017931;

}

@media all and (max-width:768px),

only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),

only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),

only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),

only screen and (min-device-pixel-ratio:2) and (max-width:1024px),

only screen and (min-resolution:192dpi) and (max-width:1024px),

only screen and (min-resolution:2dppx) and (max-width:1024px) {

    #cssmenu ul,

    #cssmenu ul ul>li.has-sub>a:after,

    #cssmenu ul ul>li.has-sub>a:before,

    #cssmenu>ul>li.has-sub>a:after,

    #cssmenu>ul>li.has-sub>a:before {

        display: none

    }

    #cssmenu,

    #cssmenu ul {

        width: 100%

    }

    #cssmenu.align-center>ul {

        text-align: left

    }

    #cssmenu ul li {

        width: 100%;

        border-top: 1px solid rgba(120, 120, 120, .2)

    }

    #cssmenu li:hover>ul>li,

    #cssmenu ul ul li {

        height: auto

    }

    #cssmenu ul li a,

    #cssmenu ul ul li a {

        width: 100%;

        border-bottom: 0

    }

    #cssmenu>ul>li {

        float: none

    }

    #cssmenu ul ul li a {

        padding-left: 25px;

        color: #ddd;

        background: 0 0

    }

    #cssmenu ul ul ul li a {

        padding-left: 35px

    }

    #cssmenu ul ul li.active>a,

    #cssmenu ul ul li:hover>a {

        color: #fff

    }

	

    #cssmenu ul ul,

    #cssmenu ul ul ul,

    #cssmenu.align-right ul ul {

        position: relative;

        left: 0;

        width: 100%;

        margin: 0;

        text-align: left

    }

    #cssmenu #menu-button:after,

    #cssmenu #menu-button:before {

        right: 17px;

        width: 20px;

        position: absolute;

        content: ''

    }

    #cssmenu #menu-button {

        display: block;

        padding: 17px;

        color: #ddd;

        cursor: pointer;

        font-size: 12px;

        text-transform: uppercase;

        font-weight: 700

    }

    #cssmenu #menu-button:after {

        top: 22px;

        display: block;

        height: 4px;

        border-top: 2px solid #ddd;

        border-bottom: 2px solid #ddd

    }

    #cssmenu #menu-button:before {

        top: 16px;

        display: block;

        height: 2px;

        background: #ddd

    }

    #cssmenu #menu-button.menu-opened:after {

        top: 23px;

        border: 0;

        height: 2px;

        width: 15px;

        background: #fff;

        -webkit-transform: rotate(45deg);

        -moz-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        -o-transform: rotate(45deg);

        transform: rotate(45deg)

    }

    #cssmenu #menu-button.menu-opened:before {

        top: 23px;

        background: #fff;

        width: 15px;

        -webkit-transform: rotate(-45deg);

        -moz-transform: rotate(-45deg);

        -ms-transform: rotate(-45deg);

        -o-transform: rotate(-45deg);

        transform: rotate(-45deg)

    }

    #cssmenu .submenu-button {

        position: absolute;

        z-index: 99;

        right: 0;

        top: 0;

        display: block;

        border-left: 1px solid rgba(120, 120, 120, .2);

        height: 46px;

        width: 46px;

        cursor: pointer

    }

    #cssmenu .submenu-button.submenu-opened {

        background: #262626

    }

    #cssmenu ul ul .submenu-button {

        height: 34px;

        width: 34px

    }

    #cssmenu .submenu-button:after {

        position: absolute;

        top: 22px;

        right: 19px;

        width: 8px;

        height: 2px;

        display: block;

        background: #ddd;

        content: ''

    }

    #cssmenu ul ul .submenu-button:after {

        top: 15px;

        right: 13px

    }

    #cssmenu .submenu-button.submenu-opened:after {

        background: #fff

    }

    #cssmenu .submenu-button:before {

        position: absolute;

        top: 19px;

        right: 22px;

        display: block;

        width: 2px;

        height: 8px;

        background: #ddd;

        content: ''

    }

    #cssmenu ul ul .submenu-button:before {

        top: 12px;

        right: 16px

    }

    #cssmenu .submenu-button.submenu-opened:before {

        display: none

    }

}



/*enquiry  */

/*

 *,

:before,

:after {

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -webkit-font-smoothing: antialiased

}

















body {

    font: 14px/1.5 'Open Sans', Arial, Helvetica, sans-serif;

    letter-spacing: .01em

}







input[type="text"],

input[type="search"],

input[type="tel"],

input[type="email"],

input[type="password"],

textarea {

    padding: 7px 12px;

    appearance: none;

    -moz-appearance: none;

    -webkit-appearance: none;

    background: #fff;

    border: 1px solid #dadada;

    border-radius: 0;

    font: inherit;

    outline: none

}



input[type="text"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="email"]:focus,

input[type="password"]:focus,

textarea:focus {

    border-color: #cacaca

}



input.full,

textarea.full {

    width: 100%

}



.uppercase {

    text-transform: uppercase

}



h1:first-child,

h2:first-child,

h3:first-child,

h4:first-child,

h5:first-child,

h6:first-child,

hr:first-child,

p:first-child,

ol:first-child,

ul:first-child,

li:first-child,

table:first-child,

blockquote:first-child {

    margin-top: 0

}



h1:last-child,

h2:last-child,

h3:last-child,

h4:last-child,

h5:last-child,

h6:last-child,

hr:last-child,

p:last-child,

ol:last-child,

ul:last-child,

li:last-child,

table:last-child,

blockquote:last-child {

    margin-bottom: 0

}



h1,

.h1,

h2,

.h2,

h3,

.h3,

h4,

.h4,

h5,

.h5,

h6,

.h6 {

    letter-spacing: .01em;

    line-height: 1.3

}



.button {

    padding: 12px 24px;

    display: inline-block;

    background: #efbf33;

    border: 0;

    border-radius: 0;

    box-shadow: 0 60px 0 0 rgba(0, 0, 0, 0) inset;

    -moz-box-shadow: 0 60px 0 0 rgba(0, 0, 0, 0) inset;

    -webkit-box-shadow: 0 60px 0 0 rgba(0, 0, 0, 0) inset;

    color: #fff;

    font: inherit;

    font-weight: 700;

    font-weight: 600;

    letter-spacing: .015em;

    line-height: 1;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

    cursor: pointer;

    outline: none;

    transition: box-shadow 100ms ease, color 100ms ease;

    -moz-transition: -moz-box-shadow 100ms ease, color 100ms ease;

    -webkit-transition: -webkit-box-shadow 100ms ease, color 100ms ease

}



.wrap {

    position: relative;

    max-width: 1000px;

    margin: auto

}

.column {

    float: left

}



.column.right {

    float: right

}



.third {

    width: 33.3333%

}

.fifth {

    width: 20%

}



.quarter {

    width: 25%

}



.third {

    width: 33.3333%

}



.two-fifths {

    width: 40%

}



.half {

    width: 50%

}



.three-fifths {

    width: 60%

}



.two-thirds {

    width: 66.6666%

}



.three-quarters {

    width: 75%

}



.four-fifths {

    width: 80%

}



.full {

    width: 100%

}

.table {

    width: 100%;

    height: 100%;

    display: table

}



.table .cell {

    display: table-cell;

    vertical-align: middle

}



section {

    position: relative;

   display: block;

}



#contact .wrap {

    padding: 40px 0

}



#offices {

    padding-right: 20px

}



#offices .office {

    margin-bottom: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #dadada

}



#offices .office .details {

    padding: 30px;

    background-color: #efbf33;

    color: #fff

}



#offices .office .details a {

    font-weight: 700;

    font-weight: 600;

    text-decoration: none

}



#offices .office .map iframe {

    position: relative;

    height: 100%;

    display: block

}



#enquiry-form {

    padding-left: 20px

}



#enquiry-form form {

    padding: 30px;

    background: #edece8

}



#enquiry-form .form-row {

    margin-bottom: 10px

}



#enquiry-form .form-row:last-child {

    margin-bottom: 0

}



#enquiry-form label,

#enquiry-form input,

#enquiry-form textarea {

    display: block

}



#enquiry-form input.error,

#enquiry-form textarea.error {

    border-color: red

}



#enquiry-form label {

    margin-bottom: 5px

}



#enquiry-form textarea {

    height: 125px;

    resize: vertical

}





#enquiry-form {

    padding-left: 20px

}



#enquiry-form form {

    padding: 30px;

    background: #edece8

}



#enquiry-form .form-row {

    margin-bottom: 10px

}



#enquiry-form .form-row:last-child {

    margin-bottom: 0

}



#enquiry-form label,

#enquiry-form input,

#enquiry-form textarea {

    display: block

}



#enquiry-form input.error,

#enquiry-form textarea.error {

    border-color: red

}



#enquiry-form label {

    margin-bottom: 5px

}



#enquiry-form textarea {

    height: 125px;

    resize: vertical

}



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

    .wrap,

    .mini-wrap {

        max-width: 100%;

        padding: 20px!important

    }

}

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

      #offices .office {

        display: block

    }

    #offices .office .cell {

        width: auto;

        display: block

    }

  

    .wrap,

    .wrap.mini {

        max-width: 400px

    }

}



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

  

  #contact .column {

        width: auto;

        float: none

    }

    #offices {

        padding-right: 0

    }

    #enquiry-form {

        padding-left: 0

    }

  .wrap,

    .mini-wrap {

        max-width: 600px

    }

      #enquiry-form {

        padding-left: 0

    }

}



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

    body {

        font-size: 13px

    }

    .wrap {

        max-width: 800px

    }

}

*/

/*contact    */

li{

    list-style:none;

}

.submit-btn{

    margin-top: 20px;

    border-radius: 0px;

    background: rgb(36, 181, 78);

    color: #ccc;

}

.fa-mobile{

    font-size: 20px;

}

input[type="text"]{

    border-radius: 0px;

}

textArea{

   border-radius: 0px;

   resize: vertical;

}

.input-group-addon{

    border-radius: 0px;

    color: rgb(36, 181, 78);

}

.stle h1{

	text-transform: uppercase;

	font-size: 25px;

    font-weight: bold;

	font-family: justify;

	color:#fff;

}





/*slide */

.carousel{

    background: #2f4357;

    margin-top: 20px;

}

.carousel .item{

    min-height: 280px; /* Prevent carousel from being distorted if for some reason image doesn't load */

}

.carousel .item img{

    margin: 0 auto; /* Align slide image horizontally center */

}

.bs-example{

	margin: 20px;

}

.examp {

	margin-left: 0px;

    margin-right: 39px;

}



/* new style */

.thim-register-now-form .wpcf7-form {

    position: relative;

    padding: 0 50px 20px;

}

ody {

    font-family: Roboto;

    font-size: 15px;

    font-weight: 400;

    line-height: 1.7em;

}

.src_head .line{

    position: absolute;

    bottom: 0;

    left: 0;

    height: 1px;

    /* background-color: #333; */

    width: 35px;

}



hr {

	color: black;

    width: 75px;

    margin-left: 0px;

}



.styleform {

	width: 100%;

	padding: 7px;

}



.stst {

	background-color: #27607ed1;

	padding-bottom: 24px;

}



/*new_events */

		

.title.gdg {

    margin-bottom: 30px;

}



.title.gdg h2 {

    font-size: 20px;

}



.title h2 {

    font-size: 26px;

    text-align: center;

    color: #002e5a;

    font-weight: 700;

    text-transform: uppercase;

    margin-top: 10px;

    margin-bottom: 0px;

}

.title hr {

    height: 5px;

    background: #fed100;

    border-radius: 5px;

    width: 45px;

    margin-bottom: 10px;

    margin-top: 10px !important;

	margin-left: 45%;

}

#news {

    height: 480px;

    overflow-y: scroll;

}

.box {

    border: 2px solid #034153;

    padding: 20px;

    border-radius: 5px;

    margin-top: 30px;

}

.title {

    border-bottom: 1px solid #fff!important;

}



.designcss {

	margin-top: 63px;

    padding-bottom: 40px;

}

.latest-post-wrap ul {

    padding: 0;

    list-style: none;

}



.latest-post-wrap ul li {

    margin-bottom: 20px;

    padding-bottom: 20px;

}

.latest-post-wrap ul li {

    border-bottom-color: #aaa;

}

.latest-post-wrap ul li {

    margin-bottom: 10px;

    padding-bottom: 10px;

    border-bottom: 1px dotted #aaa;

}





.parast {

	margin-top: 13px;

    text-align: justify;

	width: 81%;

	font-family: 'Roboto', sans-serif;

    font-size: 15px;

    color: #ffffff;

}



.parast1 {

    text-align: justify;

	font-family: 'Roboto', sans-serif;

    font-size: 15px;

    color: #ffffff;

}

.cent {

	    text-align: center;

}

.fontsp {

	     text-align: justify;

    width: 95%;

    font-family: 'Roboto', sans-serif;

    font-size: 17px;

    color: #6c7f93;

    margin-top: 22px;

 }

 

 .butt {

	     background-color: #24b54e;

    color: white;

    margin-left: 73%;

 }

 .conts {

	     padding: 30px 0px 70px 0px;

 }







h3 {

  font-family: 'Montserrat', sans-serif;

  font-weight: 600;

  color: #333;

  font-size: 3.825rem;

  margin: 1.3rem 0;

  text-align: center;

}



.section-lead {

  max-width: 600px;

  margin: 1rem auto 1.5rem;

}



.service a {

  color: #5b7abb;

  display: block;

}



.service h4 {

  font-family: 'Montserrat', sans-serif;

  font-weight: 600;

  color: #56ceba;

  font-size: 1.9rem;

  margin: 1rem 0 0.6rem;

}



.services-grid {

  display: -webkit-box;

  display: flex;

  -webkit-box-align: center;

  align-items: center;

}



.service {

  background: #fff;

  margin: 20px;

  padding: 20px;

  border-radius: 4px;

  text-align: center;

  -webkit-box-flex: 1;

  flex: 1;

  display: -webkit-box;

  display: flex;

  flex-wrap: wrap;

  border: 2px solid #e7e7e7;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.service:hover {

  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);

  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);

  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);

}



.service i {

  font-size: 3.45rem;

  margin: 1rem 0;

}



.service1 i,

.service1 h4,

.service1 .cta {

  color: #42b7ca;

}



.service1:hover {

  border: 2px solid #42b7ca;

}



.service2 i,

.service2 h4,

.service2 .cta {

  color: #425fca;

}



.service2:hover {

  border: 2px solid #425fca;

}



.service3 i,

.service3 h4,

.service3 .cta {

  color: #9c42ca;

}



.service3:hover {

  border: 2px solid #9c42ca;

}



.service .cta span {

  font-size: 0.6rem;

}



.service > * {

  flex: 1 1 100%;

}



.service .cta {

  align-self: flex-end;

}



@media all and (max-width:900px) {

  .services-grid {

    display: -webkit-box;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    flex-direction: column;

  }

}

.stimg {

    text-align: center;

}



.contain {

	margin-top: 55px;

}