/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-family:'Open Sans', sans-serif;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0px;padding:0px;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body{
	background:#F1F0EE;
}
/*----start-wrap-----*/
.wrap{
	/*width:80%;*/
	/*margin:0 auto;*/

}
.wrap.head{
	background: #fff;
}
.slider{
	margin: 0 !important;
}
/*----start-header-----*/
/*.logo{
	float:left;
}*/
.social-icons{
	float:right;
	margin-top: 1.1%;
}
.social-icons ul li{
	display:inline-block;
}
.social-icons ul li a{
	color:#363638;
	font-family: 'Open Sans', sans-serif;
	font-size:0.875em;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.social-icons ul li a:hover{
	color:#026660;
}
.social-icons ul li a img{
	vertical-align:middle;
	padding-right: 5px;
}

.fusion-portfolio.cbp-caption-4-col .cbp-l-grid-blog .cbp-caption{
	height: 55%% ! important;
}
.cbp-item-wrapper.hei{
	height: 100% !important; width: 100% !important;

}
.gallery{
	/*padding: 2% 0;*/
}
.gallery-inner-l{
	padding-top: 20px;
}
.services-inner{
	padding: 2% 0;
}
/*.services-header{
	padding-top: 20px;
}*/

#cssmenu > ul > li:hover {
	border-bottom: 2px solid #222C8A;
}
#cssmenu .button{
	display: none;
}

/*.abut-cont{
	padding: 20px 0;
}*/
.in-abut{
	padding: 20px 0 0 0 ;
}

.cbp-itemdd{
	padding: 10px;
}
.innner-roew{
	padding-top: 10px;
}
.item-title{
	color: #222C8A;
	font-size: 17px;
    font-weight: 600;
}
.cpb-itemdd1 h3.item-title {
    margin-top: 5px;
    margin-bottom: 4px;
}



/*Menu*/
.logo a {
    display: block;
    max-width: 300px;
    min-width: 250px;
    /* width: 250px; */
    margin: 0 auto;
}
.logo-stic a {
    display: block;
    max-width: 300px;
    min-width: 250px;
    /* width: 250px; */
    margin: 0 auto;
}
.logo-stic img {
    display: none;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
	
    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 {
    width: auto;
    font-family: 'Open Sans', sans-serif;
    line-height: 1;
    background: #fff0;
}

#menu-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    background: #6ea019;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

#cssmenu > ul > li {
    display: inline-block;
}

#cssmenu.align-center > ul {
    font-size: 0;
    text-align: center;
}

#cssmenu.align-center > ul > li {
    display: inline-block;
    float: none;
}

#cssmenu.align-center ul ul {
    text-align: left;
}

#cssmenu.align-right > ul > li {
    float: right;
}

#cssmenu.align-right ul ul {
    text-align: right;
}

#cssmenu > ul > li > a {
	background: #ffffff none repeat scroll 0 0;
    border-bottom: 2px solid #fff;
    color: #363638;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 0.875em;
   /* padding: 20px;*/
   padding: 20px 15px;
    text-transform: uppercase;
   /* padding: 15px 4px;
    font-size: 14px;
    text-decoration: none;*/
    /*text-transform: uppercase;*/
    /*color: #fff;
    font-family: 'Oleo Script', cursive;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    font-weight: 100;*/
}
.stick .main_menu_fixed #cssmenu > ul > li > a{
	color: #000;
}

#cssmenu > ul > li:hover > a,
#cssmenu > ul > li.active > a {
    background: #07b484 none repeat scroll 0 0;
	color: #fff !important;
}
.stick ul > li:hover > a,
.stick > ul > li.active > a{
	 background: #07b484 none repeat scroll 0 0;
	color: #fff !important;
}
#cssmenu > ul > li.has-sub > a {
    /*padding-right: 25px;*/
}

#cssmenu > ul > li.has-sub > a::after {
    position: absolute;
    top: 21px;
    right: 10px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

#cssmenu > ul > li.has-sub:hover > a::after {
    border-color: #e0e43d;
}

#cssmenu ul ul {
    position: absolute;
    left: -9999px;
}

#cssmenu li:hover > ul {
    left: auto;
}

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

#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 {
    height: 0;
    -webkit-transition: height .2s ease;
    -moz-transition: height .2s ease;
    -ms-transition: height .2s ease;
    -o-transition: height .2s ease;
    transition: height .2s ease;
}

#cssmenu ul li:hover > ul > li {
    height: 32px;
}

#cssmenu ul ul li a {
    padding: 10px 20px;
    z-index: 99999;
    width: 176px;
    font-size: 12px;
    background: #333333;
    text-decoration: none;
    color: #dddddd;
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -ms-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
    /* color: #333;

 background: #30f10e;

  background: #02B042;*/
    color: #fff;
    /* background: #30f10e; */
    background: #eb1c2a;
}

#cssmenu ul ul li.has-sub > a::after {
    position: absolute;
    top: 13px;
    right: 10px;
    width: 4px;
    height: 4px;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    content: "";
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

#cssmenu.align-right ul ul li.has-sub > a::after {
    right: auto;
    left: 10px;
    border-bottom: 0;
    border-right: 0;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

#cssmenu ul ul li.has-sub:hover > a::after {
    border-color: #ffffff;
}



.logo-stic {
    text-align: center;
}

.stick {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 9999;
    background: #FFF;
    box-shadow: 1px 1px 4px #717171;
    transition: all 0.1s ease;
}
.stick #cssmenu ul{
	padding: 15px 0;
}
.top-nav-left {
    padding-top: 6px;
}
.titlel{


color: #363638;
    font-family: "Open Sans",sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    text-transform: uppercase;
    }
/*my-*/

/*.menu {
	background: rgba(255, 255, 255, 0.16) none repeat scroll 0 0;
	 width: 100%; z-index: 1000;
}
.menu .inner-menu{
	padding: 20px 10px 20px 0;
}
.menu .inner-menu .main_menu{
	background: #F04E5B;
}*/
/*------start-top-nav------*/
.top-nav {
	background: #FFFFFF;
	padding-top: 19px;

	/*border-bottom: 5px solid #026660;*/
}

.logo {
    padding: 20px 0;
}
.logo a
{
	margin: 0;
}
.header{

}
.top-nav-right{
	float:right;
}
.top-nav-left ul li{
	display:inline-block;
	float:left;

	/*border-left:1px solid #EEE;*/
}
/*.top-nav-left  ul li:nth-child(1){
	 border-bottom: 2px solid #26318D;
}*/
.top-nav-left ul li a{
	background:#FFFFFF;
	padding:20px;
	display:block;
	color:#363638;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	font-size: 0.875em;
	border-bottom: 2px solid #fff;
}
.top-nav-left li.active> a, .top-nav-left li> a:hover {
	background: #07B484 none repeat scroll 0 0;

    color: #ffffff;

	background: url(../images/nav-bg-icon.png) no-repeat 50% 102% #363638;

}
.product-description{
	font-family: 'Open Sans', sans-serif;
}
.top-nav-left li>{
	 border-bottom: 2px solid #cdcdcd;
}
.top-nav-left li> a{
	 border-bottom: 2px solid #fff;
}
 .top-nav-left li:hover{
	 border-bottom: 2px solid #26318D;
}

.top-nav-left li.active > a{
	 border-bottom: 2px solid #fff;
}
.top-header {
	/*padding: 25px 0;*/
        padding: 0px 0;
        background-color: white;
}
.top-nav-right input[type="submit"]{
	background: url(../images/search-icon.png) no-repeat 42% 50% #363638;
	padding: 19.7px 20px;
	border: none;
	display: block;
	float: left;
	margin-left: -2px;
	cursor:pointer;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.top-nav-right input[type="submit"]:hover{
	background: url(../images/search-icon.png) no-repeat 42% 50% #026660;
}
.top-nav-right input[type="text"]{
	border:1px solid #EEE;
	float:left;
	padding: 17.5px;
	outline:none;
	display: block;
}
/*---start-content-----*/
.top-grid{
	width: 31.33%;
	float: left;
	text-align: center;
	margin-right: 3%;
	font-family: 'Open Sans', sans-serif;
	background: #FFF;
	padding: 1.5em 0;
	border-top: 5px solid #026660;
	margin-top: -4em;
	/*-webkit-box-shadow: 0px 56px 36px -60px #121D12;
	-moz-box-shadow: 0px 56px 36px -60px #121D12;
	-o-box-shadow: 0px 56px 36px -60px #121D12;*/
}
.top-grid h3{
	color: #363638;
	font-size: 2em;
}
.top-grid p{
	font-family:"Open Sans",sans-serif;
	font-size: 0.875em;
	color: #777;
	line-height: 1.5em;
	margin: 0.5em auto 0.8em auto;
	width: 90%;
}
.top-grid img{
	display: inline-block;
}
.button{
	color: #FFF;
	font-size: 0.875em;
	text-transform: uppercase;
	padding: 0.8em;
	border: 1px solid #EEE;
	display: inline-block;
	background:#026660;
}
.button:hover{
	background:#363638;
	color:#FFF;
}
.top-grids {
	margin: 0 0 3em 0;
}
.last-topgrid{
	margin:0;
	margin-top: -4em;
}
/*----start---mid-grid-----*/
 
.mid-grid h1{
	font-size:2em;
	font-family: 'Open Sans', sans-serif;
	color:#363638;
	margin: 0 !important;
}
.mid-grid h2{
	font-size: 1.25em;
	font-family: 'Open Sans', sans-serif;
	color:#026660;
	margin: 0.5em 0;
	line-height: 24px;
}

.mid-grid p{
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	color: #777;
	width: 73%;
	margin: 0 auto;
	line-height: 1.8em;
	margin-bottom: 1em;
}
.mid-grid {
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	background: #FFF;
	padding: 1em 0;
}
.content{
	padding-top: 0 ! important;
}

.mid-grid.button{
	display:block;
}
.button1{
	color: #FFF;
	font-size: 0.875em;
	text-transform: uppercase;
	padding: 0.8em 1.8em;
	border: 1px solid #EEE;
	display: inline-block;
	background: #3a178c;
}
.button1:hover{
	background:#363638;
	color:#FFF;
}
figure
{
	border: 1px solid #e8e8e8;
    box-shadow: 0px 0px 1px #ccc;
}
.cont-img ul {
    list-style: inherit;
    padding: 0px 0px 0px 15px;
}
/*-----bottom-grids----*/
.bottom-grid1 {
	width: 27%;
	float:left;
	margin-right: 3%;
}
.bottom-grids{
	font-family: 'Open Sans', sans-serif;
	padding: 2em 0 3em 0;
}
.bottom-grid1 h3,.bottom-grid2 h3{
	color: #363638;
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	padding: 15px 0px 15px 0px;
	border-bottom: 1px solid #E9E9E9;
	margin-bottom: 13px;
	text-transform: uppercase;
}
.bottom-grid1 span,.bottom-grid2 span{
	color: #026660;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}
.bottom-grid1 p,.bottom-grid2 p{
	font-size: 0.875em;
	color: rgba(85, 85, 85, 0.53);
	line-height: 1.5em;
	font-family: 'Open Sans', sans-serif;
	padding: 8px 0px 10px 0px;
}
.bottom-grid1 ul li a{
	color: #777;
	font-family: 'Open Sans', sans-serif;
	font-size:0.875em;
	line-height: 2.98em;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.bottom-grid1 ul li a img{
	vertical-align:middle;
}
.bottom-grid1 ul li a:hover{
	color:#026660;
}
.bottom-grid-fristlink{
	background: #026660;
	padding: 10px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	transition: all 0.3s;
}
.bottom-grid-fristlink img{
	vertical-align:middle;
}
.bottom-grid-fristlink:hover{
	color:#000;
}
.bottom-grid2 ul li{
	display: inline-block;
	width: 30%;
	padding: 2.99% 1.34%;
}
.bottom-grid2 {
	float: left;
	width: 33%;
	margin-right: 3%;
}
.bottom-mid span{
	color:#026660;
}
.bottom-mid a{
	background:#026660;
}
.bottom-last a{
	background:#026660;
}
.bottom-last span{
	color:#026660;
}
.gallery li a img{
	display:block;
}
/*---footer----*/
.footer{
	background:#363638;
	padding:0px 0px;

	-webkit-box-shadow: 0px 56px 36px 66px rgba(93, 95, 93, 0.36);
	-moz-box-shadow:0px 56px 36px 66px rgba(93, 95, 93, 0.36);
	-o-box-shadow:0px 56px 36px 66px rgba(93, 95, 93, 0.36);
}
.footer-grid{
	float:left;
	width: 24%;
	margin-right: 2%;
	position: relative;
    top: -48px;
}
.footer-grid h3{
	font-family: 'Open Sans', sans-serif;
	color: #2c2;
	font-size: 1em;
	text-transform: uppercase;
	padding: 10px 0 3px 0px;
}
.footer-grid p{
	font-size: 0.9em;
	padding: 0.4em 0 0.5em 0;
	color: #ffffff;
	line-height: 1.6em;
	font-family: 'Open Sans', sans-serif;
}
.footer-grid a{
	font-family: 'Open Sans', sans-serif;
	color: #026660;
	font-size: 0.875em;
	text-transform: uppercase;
	background: #FFF;
	padding: 10px 15px;
	display: inline-block;
	margin: 9px 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.footer-grid a:hover{
	background:#026660;
	color:#FFF;
}
.footer-grid ul li{
	display:block;
}
.center-grid a{
	background: none;
	padding: 0px;
	color: #ffffff;
	margin: 5px;
	border-bottom: 1px ridge rgba(192, 192, 192, 0.13);
	padding: 0px 0px 9px 0px;
}
.center-grid{
	width:20%;
}
.center-grid a:hover{
	background:none;
}
.center-grid ul{
	margin-top:5px;
}
.twitts p label{
	font-weight:lighter;
	font-size:1em;
	cursor:pointer;
	padding-right:5px;
}
.twitts span{
	display:block;
	color:#026660;
	font-family: 'Open Sans', sans-serif;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.twitts span:hover{
	color:#fff;
	cursor:pointer;
}
/*----copy-right-----*/
.copy-right{
	text-align:center;
	padding:20px 0;
	background: #026660;
	/*background: #08B484;*/
	position:relative;
}
.footer-span
{
	font-weight: bold;
	color: #ffffff;
}
.copy-right p{
	font-family: 'Open Sans', sans-serif;
	color: #FFF;
	font-size: 0.875em;
	text-transform: uppercase;
	margin: 0;
}
.copy-right p a{
	color:#ddd;
	font-family: 'Open Sans', sans-serif;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.copy-right p a:hover{
	color:#fff;
}
/*** move top **/
.scroll {
	width: 48px;
	height: 40px;
	border: none;
	display: block;
	text-indent: 100%;
	background: url(../images/top-icon.png) no-repeat right top;
	position: absolute;
	right: 14px;
	bottom: 5px;
}
.scroll:hover{
	opacity:0.8;
}

/*---about-us----*/
.music{
	font-family: "Open Sans",sans-serif;
	font-weight: 600;
	font-size: 28px;
	text-transform: capitalize;
}
.about{
	margin: 2% 0;
}
.inner-gal{
	position: relative;
}
.music-text{
	position: absolute; bottom: 10px; left: 20px;
	z-index: 10000000;

}
.rad-pad{
	padding-right: 0px !important;
}
.inner-abut{
	padding-top: 22px;
}

.about-us {
	padding: 30px 0 50px 0;
}
.about-header h3{
	border-bottom: 1px solid #ccc;
    color: #363638;
    font-family: "Open Sans",sans-serif;
    font-size: 1.5em;
    font-weight: 600;

    text-transform: uppercase;
    padding-bottom: 8px;
    margin: 2% 0 !important;
}


.abut-in-right ul li{
	font-family: "Open Sans",sans-serif;
	    font-weight: 600;
	        line-height: 2em;
}
.career-list
{
	   font-family: "Open Sans",sans-serif;
	    font-weight: 600;
	        line-height: 2em;
}
.abut-in-right ul li img {
    height: 11px;
    margin-top: -2px;
    margin-right: 5px;
}
.services-header h3{
	border-bottom: 1px solid #ccc;
    color: #363638;
    font-family: "Open Sans",sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    margin: 2% 0;
    text-transform: uppercase;
}

.cbp-itemdd{
	background: #fff none repeat scroll 0 0;
   /* margin: 10px 0px;*/
   margin-bottom:30px;
    /*margin: 10px 4px;*/
    min-height: 250px !important;
    padding: 10px;
}
.fusion-portfolio .product-description{
	text-align: left !important;
	padding-left: 10px ! important;
}
.cbp-item-wrapper{
	background: #fff ! important;
}



.about-info a{
	text-transform: uppercase;
	font-size: 1.2em;
	font-family: 'Open Sans', sans-serif;
	color: black;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;

	display: block;
}
.about-info a:hover{
	color:#026660;
}
.about-info p{
	/*font-size: 13px;*/
	color: black;
	font-family: Open Sans,  sans-serif;
	line-height: 1.8em;
}
/*-----specials-heading----*/
.specials-heading h5{
	float: left;
	width: 33%;
	height: 1px;
	background: #D1D1D1;
	margin: 24px 0px 0px 0px;
}
/*----special-grid------*/
.special-grid {
	float: left;
	width: 32%;
	margin-right: 2%;
	text-align: center;
}
.specials {
	margin-top: 1em;
}
.special-grid img{
	width:100%;
}
.special-grid a{
	text-transform: uppercase;
	font-size: 1.2em;
	font-family: 'Open Sans', sans-serif;
	color: #555;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	padding: 0.3em 0;
	display: block;
}
.special-grid a:hover{
	color: #026660;
}
.special-grid p{
	font-size: 0.875em;
	color: rgba(148, 145, 145, 0.84);
	font-family: 'Open Sans', sans-serif;
	padding: 0em 1em 1em 1em;
	line-height: 1.5em;
}
.spe-grid{
	margin: 0px;
}
.specials-grids {
	padding: 25px 0 60px 0;
}
/*-----specials-heading----*/
.specials-heading h3{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	color: #363638;
	text-transform: uppercase;
}
/*----start-testmonial-grid----*/
.testmonial-grid{
	text-align:center;
}
.testmonial-grid h3{
	font-family: 'Open Sans', sans-serif;
	font-size: 2em;
	color: #363638;
	text-align: center;
	text-transform: uppercase;
	padding: 0em 0 0.5em 0;
}
.testmonial-grid p{
	font-size: 0.875em;
	color: rgba(85, 81, 81, 0.84);
	font-family: Arial, Helvetica, sans-serif;
	padding: 0em 1em 1em 1em;
	line-height: 1.8em;
}
.testmonial-grid a{
	font-size: 0.875em;
	font-size: 1.2em;
	font-family: 'Open Sans', sans-serif;
	color:#026660;
}
.testmonials{
	background: #fff;
	padding: 30px;
}
/*---start-services----*/
.services {
	padding: 30px 0 0px 0;
}
.services-header h3{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	color: #363638;
	text-transform: uppercase;
	padding: 0px 0px 10px 0;
}
.services-grid{
	width:25%;
	float:left;
}
.services-grid a{
	text-transform: uppercase;
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	color: #555;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	padding: 1em 0 0.5em 0;
	display: block;
}
.services-grid a:hover{
	color:#026660;
}
.services-grid p{
	font-size: 0.875em;
	color: rgba(85, 81, 81, 0.84);
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.8em;
}
.content {
    background: #ebf0f5 none repeat scroll 0 0;
}
/*---start-gallery---*/

.active{
	border-bottom: 2px solid #1C2889 !important;
	background: #07b484 none repeat scroll 0 0;
    color: #ffffff;
}
.gallerys {
	font-family: 'Open Sans', sans-serif;
	background: #EBF0F5;
}
.gallerys h3{
	font-family: 'Open Sans', sans-serif;
	font-size: 28px;
	color: #026660;
	text-transform: capitalize;

}
.wrap marquee img{
	width: 150px; margin: 5px 20px;
}
.container marquee img{
	width: 200px;/* margin: 5px 20px;*/
}
/*.wrap h3 {
	margin: 10px 0 ! important;
}*/

.about-info{
	background: #fff; padding: 5px 20px 35px;
	/*margin: 20px  0;*/
}
.about-info.about-content1 h4 {
    font-weight: 800;
}
.gallery-grid{
	width: 31.44%;
	float:left;
}
.gallery-grid p {
	font-size: 0.875em;
	padding: 0.2em 0em 1.2em 0em;
	color: #6a6a6a;
	line-height: 1.8em;
	font-family: 'Open Sans', sans-serif;
}
.gallery-button a {
	color: #FFF;
	font-size: 0.875em;
	text-transform: uppercase;
	padding: 0.8em;
	border: 1px solid #EEE;
	display: inline-block;
	background: #026660;
}
.gallery-button a:hover {
	background: #363638;
	color: #FFF;
}
.grid2{
	margin: 0px 35px;
}
.gallery-grids {
	margin-bottom: 30px;
}
.projects-bottom-paination ul li{
	display:inline-block;
}
.projects-bottom-paination{
	text-align: center;
	padding: 55px 0;
	font-family: 'Open Sans', sans-serif;
}
.projects-bottom-paination li a{
	font: 400 12px/1.2em 'Open Sans', sans-serif;
	color: #5a5a5a;
	padding: 11px 18px;
	background: #fff;
	text-decoration: none;
	text-shadow: none;
	border: 1px solid #e9e9e9;
	margin-top: 16px;
}
.projects-bottom-paination li.active> a, .projects-bottom-paination li> a:hover {
	background: #026660;
	color:#fff;
}
.gallery-grid h4{
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	color: #363638;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
	padding: 13px 0px 2px 0px;
}
.gallery-grid h4:hover{
	color:#026660;
}
/*---contect----*/
/*  Contact Form  ============================================================================= */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1;
}
.col{
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child{
	margin-left:0;
}
.span_2_of_3 {
	width: 63.1%;
	padding:1.5%;
}
.span_1_of_3 {
	width: 29.2%;
	padding:1.5%;
}

.span_half_of_3 {
	width: 48%;

}
.span_2_of_3  h3,
.span_1_of_3  h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	color: #363638;
	text-transform: uppercase;
	/*padding: 1em 0;*/
}
a.job-text {
    line-height: 15px;
    /* font-weight: 600; */
    color: #585858;
    margin-top: 8px;
    /* display: block; */
    /* float: left; */
}
img.job-icon {
        width: 9px;
    margin-top: -3px;
    margin-right: 3px;
}
.career-form
{
	background: #fff;

}
.career-list
{
	background:#fff;
}
.career-h5
{
	margin-top: 15px;
    font-weight: 400;
    font-size: 15px;
}
.career-send
{
	margin-top: 10px;
}
.career-title
{
	margin-top: -5px;
}

.about-headerr{
	padding: 20px; background: #fff;
}

.contact-div
{
	background: #fff;
}
.contact-inner{
	    padding: 1px 20px; background: #fff;
}


.contact-form{
	position:relative;
	padding-bottom:0px;
}


.contact-form div{
	padding:5px 0;
}
.contact-form span{
	display:block;
	font-size: 0.875em;
	color: #363638;
	padding-bottom:5px;
	font-family: 'Open Sans', sans-serif;
}
.contact-form input[type="text"],.contact-form input[type="number"],.contact-form input[type="select"].contact-form textarea{
		    padding:8px;
			display:block;
			width:98%;
			border: none;
			outline:none;
			color:#363638;
			font-size:12px;
			font-family: 'Open Sans', sans-serif;
			border: 1px solid rgba(192, 192, 192, 0.41);
			-webkit-appearance:none;
}
.contact-form textarea{
		resize:none;
		height:60px !important;
		width: 98%;
		padding: 8px;
		border: 1px solid rgba(192, 192, 192, 0.41);
}
.company_address h3 {
	color: #026660;
	font-size: 20px;
	margin-top: 15px;
}
.contact-form input[type="submit"]{
	color: #FFF;
	font-size: 0.875em;
	text-transform: uppercase;
	padding: 0.8em 1em;
	border: 1px solid #EEE;
	display: inline-block;
	background: #026660;
	border:none;
	outline: none;
	cursor:pointer;
	font-family: 'Open Sans', sans-serif;
}
.contact-form input[type="submit"]:hover{
	background: #363638;
	color: #FFF;
}
.contact-form input[type="submit"]:active{
	background: #363638;
	color: #FFF;
}
.company_address {
    margin-top: -15px;
}
.company_address p{
	color: black;
	 font-size: 13px;
    line-height: 13px;
	font-family: 'Open Sans', sans-serif;
}
.company_address p span{
	text-decoration:underline;
	color:#454545;
	cursor:pointer;
}
.map{
	margin-bottom:15px;
}
.section.group .col-lg-8.col-md-8.col-sm-8.col-xs-12{
	background: #fff;
}
.gallery-inner-r{
	background: #fff;
	padding: 3px 16px;
}
header{
	/*box-shadow: 1px 1px 5px #333;*/
}
.sub{
	padding-top: 10px;
}

/***** Media Quries *****/


@media only screen and (min-width: 1024px) {
	.contact-inner{
		min-height: 524px;
	}
	.about-headerr{
		min-height: 355px;
	}
	.wamp{
		padding-left: 0px ! important;
	}
	
	
	}
	
	@media only screen and (min-width: 1200px) {
	.service-list ul li
	{
		 font-size: 13px;
	}
	
	.service-list ul li span
	
	{
		font-size: 13px;
	}
	}
	
	
@media only screen and (max-width: 1024px) {
	.wrap{
		width:95%;
	}
}
/*  GO FULL WIDTH AT LESS THAN 800 PIXELS */

@media only screen and (max-width: 800px) {
	.wrap{
		width:95%;
	}
	.span_2_of_3 {
		width:94%;
		padding:3%;
	}
	.col{
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3 {
		width:94%;
		padding:3%;
	}
	
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */

@media only screen and (max-width: 640px) and (min-width: 480px) {
	.wrap{
		width:95%;
	}
	.span_2_of_3 {
		width:94%;
		padding:3%;
	}
	.col{
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3 {
		width:94%;
		padding:3%;
	}

   .contact-form input[type="text"],.contact-form textarea{
		width:97%;
	}
	
	

}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.wrap{
		width:95%;
	}
	.span_2_of_3 {
		width:90%;
		padding:5%;
	}
	.col {
		margin: 1% 0 1% 0%;
	}
	.span_1_of_3 {
		width:90%;
		padding:5%;
	}
	.contact-form input[type="text"],.contact-form textarea{
		width:92%;
	}
	#head-mobile{
		padding: 0 ! important;
	}
}
.contact-footer{
	border-top: 1px solid rgba(69, 69, 69, 0.13);
	padding: 28px 0px 0px 0px;
}
/*----responsive-design-----*/
@media only screen and (max-width: 1366px) and (min-width: 1280px) {
	.wrap{
		width:90%;
	}
	.bottom-grid2 ul li {
		width: 29.8%;
	}
	.grid2 {
		margin: 0px 34px;
	}
}
@media only screen and (max-width: 1280px) and (min-width: 1024px) {
	.wrap{
		width:90%;
	}
	.bottom-grid2 ul li {
		width: 29.8%;
	}
	.grid2 {
		margin: 0px 34px;
	}
	.gallery-grid {
		width: 31.3%;
	}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
	.wrap{
		width:90%;
	}
	.bottom-grid2 ul li {
		width: 46.5%;
	}
	.grid2 {
		margin: 0px 34px;
	}
	.gallery-grid {
		width: 30.7%;
	}
	
 
	
	 
}

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


    .logo2 {
        display: none;
    }
    nav {
        width: 100%;
    }
    #cssmenu {
        width: 100%;
    }
    #cssmenu ul {
        width: 100%;
        display: none;
    }
    #cssmenu ul li {
        width: 100%;
    }
    #cssmenu ul li:hover {
        background: #363636;
    }
    #cssmenu ul ul li,
    #cssmenu li:hover > 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;
    }
    #cssmenu ul ul li {
        background: #333 !important;
    }
    #cssmenu ul ul li:hover {
        background: #363636 !important;
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu ul ul li a {
        color: #ddd;
        background: none
    }
    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li.active > a {
        color: #fff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu > ul > li.has-sub > a:after,
    #cssmenu > ul > li.has-sub > a:before,
    #cssmenu ul ul > li.has-sub > a:after,
    #cssmenu ul ul > li.has-sub > a:before {
        display: none
    }
    /*#cssmenu*/
    #head-mobile {
        display: block;
        padding: 23px;
        margin-top: 10px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700;
    }
    .button {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
        margin-top: -78px;
    }
    .button:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 9px;
        width: 20px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
        content: '';
    }
    .button:before {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: #fff;
        content: '';
    }
    .button.menu-opened:after {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .button.menu-opened:before {
        top: 23px;
        background: #fff;
        width: 19px;
        -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 #444;
        height: 36px;
        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: 17px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #000;
        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: 13.5px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #000;
        content: '';
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none
    }
    #cssmenu ul ul ul li.active a {
        border-left: none;
    }
    #cssmenu > ul > li.has-sub > ul > li.active > a,
    #cssmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: none;
    }
}
@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 .button{
		display: block;
	}
    #cssmenu {
        width: 100%;
    }
    #cssmenu ul {
        width: 100%;
        display: none;
    }
    #cssmenu.align-center > ul,
    #cssmenu.align-right ul ul {
        text-align: left;
    }
    #cssmenu ul li,
    #cssmenu ul ul li,
    #cssmenu ul li:hover > ul > li {
        width: 100%;
        height: auto;
        border-top: 1px solid rgba(120, 120, 120, 0.15);
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
    }
    #cssmenu > ul > li,
    #cssmenu.align-center > ul > li,
    #cssmenu.align-right > ul > li {
        float: none;
        display: block;
    }
    #cssmenu ul ul li a {
        padding: 20px 20px 20px 30px;
        font-size: 12px;
        color: #000000;
        background: none;
    }
    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li a:hover {
        color: #000000;
    }
    #cssmenu ul ul ul li a {
        padding-left: 40px;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        right: auto;
        width: 100%;
        margin: 0;
    }
    #cssmenu > ul > li.has-sub > a::after,
    #cssmenu ul ul li.has-sub > a::after {
        display: none;
    }
    #menu-line {
        display: none;
    }
    #cssmenu #menu-button {
        display: block;
        padding: 20px;
        color: #000000;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
    }
    #cssmenu #menu-button::after {
        content: '';
        position: absolute;
        top: 20px;
        right: 20px;
        display: block;
        width: 15px;
        height: 2px;
        background: #000000;
    }
    #cssmenu #menu-button::before {
        content: '';
        position: absolute;
        top: 25px;
        right: 20px;
        display: block;
        width: 15px;
        height: 3px;
        border-top: 2px solid #000000;
        border-bottom: 2px solid #000000;
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 10;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, 0.15);
        height: 52px;
        width: 52px;
        cursor: pointer;
    }
    #cssmenu .submenu-button::after {
        content: '';
        position: absolute;
        top: 21px;
        left: 16px;
        display: block;
        width: 1px;
        height: 11px;
        background: #000000;
        z-index: 99;
    }
    #cssmenu .submenu-button::before {
        content: '';
        position: absolute;
        left: 19px;
        top: 26px;
        display: block;
        width: 11px;
        height: 1px;
        background: #000000;
        z-index: 99;
    }
    #cssmenu .submenu-button.submenu-opened:after {
        display: none;
    }
}





@media only screen and (max-width: 768px) and (min-width: 640px) {
	.wrap{
		width:90%;
	}
	.bottom-grid2 ul li {
		width: 45.5%
	}
	.grid2 {
		margin: 0px 34px;
	}
	.gallery-grid {
		width: 29.8%;
	}
	.top-nav-right input[type="text"] {
		padding: 17.5px 0px;
	}
	.top-grid h3 {
		font-size: 1.5em;
	}
	
	
}
.g-recaptcha div {padding: 0px;}
.g-recaptcha {
  transform-origin: left top;
  -webkit-transform-origin: left top;
}
/*.inner-cont {
    margin-bottom: 30px;
}*/