@font-face {
    font-family: 'OswaldRegular';
    src: url('../fonts/OswaldRegular.eot');
    src: url('../fonts/OswaldRegular.eot') format('embedded-opentype'),
         url('../fonts/OswaldRegular.woff2') format('woff2'),
         url('../fonts/OswaldRegular.woff') format('woff'),
         url('../fonts/OswaldRegular.ttf') format('truetype'),
         url('../fonts/OswaldRegular.svg#OswaldRegularRegular') format('svg');
}





html, body, div, span, ul,li {
    margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-family:Arial, Helvetica, sans-serif
}

 * {
/*	 -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
*/
}

/***********************
	-	BASICS 	-
***********************/
html {
	overflow-x:hidden;
	padding: 0 !important;
	margin:0px !important;
}

body{
	 background-image:url('../images/back.png'); background-repeat:repeat; font-family: Arial, Helvetica, sans-serif; font-size:14px;  color:#4e4e4e; background-color:#f9f9f9
}
.light-b{
	color:#68cdec
}
h7 {font-family:OswaldRegular; color:#454545; text-transform:uppercase;font-size:17px;
	
}
h7 span{color:#68cdec;}

h8{font-family:OswaldRegular; color:#204197; text-transform:uppercase;  font-size:25px;  display:block; margin-top:5px; margin-bottom:5px}

h9 {font-family:OswaldRegular; color:#454545; text-transform:uppercase;font-size:16px;}




#header {
	  height:86px;
	  width:1050px;
	  background-color:#f9f9f9;
	  margin:0px auto;
	  padding:8px 35px 7px 35px;
	  z-index:10 ; position:relative
}
.clear-f{
	 clear:both;  
}
.no-border{
	 border:0px
}
.logo{
	  float: left
}
.email{
	 background-image:url('../images/email.png'); background-repeat:no-repeat; padding-left:20px; font-size:13px; color:#353535;  background-position:0px 3px; 
}

.email :link{color:#353535;text-decoration:none}
.email :hover{ text-decoration:underline}


.email-c :link{color:#353535;text-decoration:none}
.email-c :hover{ text-decoration:underline}


.contact{
	 background-image:url('../images/phone.png'); background-repeat:no-repeat; padding-left:20px; font-size:13px; color:#353535;  background-position:0px 1px; margin-left:30px

}
.head-contact{
	 float:right; margin-top:10px
}



.team{
	 width:1075px; position:relative;   margin:0 auto; z-index:10; text-align:center; 
}


.team-in{
	  font-size:14px; color:white; text-align:center; padding:17px 0px 17px 0; float:left; margin-left:8%
}

.team .title{
	  font-family:OswaldRegular;  font-size:20px; color:#204197; margin:0 auto; display:block; margin:3px 0px 5px 0px; text-transform:uppercase
}
.team .titlea{
	  font-family:OswaldRegular;  font-size:18px; color:#204197; margin:0 auto;   margin:3px 0px 5px 0px; text-transform:uppercase
}

.team-txt{
	   font-size:14px; color:#204197;  margin:0 auto
}

.team-txta{
	   font-size:14px; color:black;  margin:0 auto
}




.squars{
	 width:1075px; position:relative;   margin:0 auto; margin-top:-145px; z-index:10; text-align:center; 
}

.squar-in{
	  background-color:#204197; width:250px; height:220px;  font-size:14px; color:white; text-align:center; padding:17px 0px 17px 0; float:left; margin-left:25px
}

.squar-in .title{
	  font-family:OswaldRegular;  font-size:22px; color:white; margin:0 auto; display:block; margin:3px 0px 5px 0px; text-transform:uppercase
}

.squar-in .txt{
	   font-size:14px; color:white; margin:0 auto
}

.squar-in:first-child{
	margin-left:0px
}

.content{
	background-color:#f9f9f9;  width:1080px; position:relative; margin:0 auto; padding:10px 20px 15px 20px
}

.under-slider{
	max-width:1070px;  border-top:1px #b2b2b2  solid; border-bottom:1px #b2b2b2  solid; text-align:center; margin:0 auto;   
	padding:10px 50px 10px 50px;  margin-top:25px; margin-bottom:20px
}


.img360:hover{
	 border:0px; 
	 
	 -webkit-transition-duration: 1.5s;
-moz-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
transition-duration: 1.5s;

    transform: rotateY(360deg);  
 
}

.float-img{
	 float:left; margin-right:20px ; width:13%
}
.marg20{margin-left:20px }

.txt-home{
 width:40%; float:left; text-align:justify; margin-right:40px
}

.txt-about{
 text-align:justify; float:left ;  max-width:805px; padding-right:20px
}


.btn{
	 padding:6px 8px 6px 8px; background-color:#65c8e7; color:white; font-size:14px;  margin-top:5px
}

.btn:hover{
	 background-color:#204197;  cursor:pointer
}



.float-r{float:right}
.float-l{float:left}

.home-ul{
	    list-style: none;
    padding:0;
    margin:0; margin-top:-4px; margin-left:4px; width:40%; display:inline-block
}
.home-ul li{
   padding-left: 15px; 
    text-indent: -18px; margin-bottom:10px
}


.home-ul li:before {
    content: "■ ";
    color: #68cdec; /* or whatever color you prefer */
    font-size:20px
}




.sub-ul{
	    list-style: none;
    padding:0;
    margin:0; margin-top:-4px; margin-left:0px; margin-bottom:15px; margin-top:3px
}
.sub-ul li{
   padding-left: 15px; 
    text-indent: -14px; margin-bottom:7px;
}


.sub-ul li:before {
    content: "■ ";
    color: #68cdec; /* or whatever color you prefer */
    font-size:17px;   
}


#fixed-slider4
{   

background-image:url('../images/team.jpg');
	   	background-size: cover;
background-position:center;
 margin:0 auto;
 max-width:1120px;
 height:205px;
}


#fixed-slider
{   

background-image:url('../images/about.jpg');
	   	background-size: cover;
background-position:center;
 margin:0 auto;
 max-width:1120px;
 height:205px;
}
#fixed-slider2
{   

background-image:url('../images/services.jpg');
	   	background-size: cover;
	   	background-position:center;

 margin:0 auto;
 max-width:1120px;
 height:205px;
}
#fixed-slider3
{   

background-image:url('../images/contact.jpg');
	   	background-size: cover;
background-position:center;
 margin:0 auto;
 max-width:1120px;
 height:205px;
}

.txt-services{
 
}
#footer
{   

	background-color:#252a24;
 	font-family:"Arial";
    padding:8px 0px 0px 0px ;
       z-index:1;
 
     font-size:11px;
    z-index:1;
 height:20px; color:white; 
 border-top:#68cdec 5px solid; 
 margin:0 auto;
 max-width:1120px;
}

.footer-l{
	    float:left; margin-left:20px;
}

.footer-r{
	 float:right;margin-right:20px;
}

.footer-r ul{
	list-style:none
}

#footer a
{  color:white; text-decoration:none}

#footer a:hover
{    text-decoration: underline}




.social-f {
	background-image: url('../images/social.png');
	background-position:0px 0px;
	 background-repeat:no-repeat;
	height: 18px;
	width: 18px;

	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
	
	margin-top:-3px
	
}
.social-f:hover {
	background-position: 0px -23px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
	cursor:pointer
}



.social-t {
	background-image: url('../images/social.png');
	background-position:-20px 0px;
	 background-repeat:no-repeat;
	height: 18px;
	width: 18px;

	float: left;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
	
	margin-top:-3px
	
}
.social-t:hover {
	background-position: -20px -23px;
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
	cursor:pointer
}

.mar20{
	 margin-right:40px
}

.half-l{ width:47%; margin-right:6%;  float:left}
.half-r{width:47%; display:inline-table}





@media(max-width:1130px){
.content{ width:98%;   padding:10px 10px 15px 10px}
.team{width:100%;  margin-left:0 auto; margin-right:0 auto;    display:inline-table; text-align:center}
.team-in{margin-left:7%}


.squars{width:100%;  margin-left:0 auto; margin-right:0 auto;    display:inline-table; text-align:center}
.squar-in{ width:235px; height:205px;  font-size:14px; color:white; text-align:center; padding:10px 0px 19px 0;  margin-left:19px; display:inline-block; float:none}

.txt-home{width:40%;}
.home-ul{ width:39%}


.txt-about{ width:72%; padding-right:20px; }
.img{ float:right}

#header {width:100%;  padding:8px 0px 1px 0px;}
.logo{ margin-left:15px}
.head-contact{ margin-right:15px}

}


@media(max-width:1044px){
.squar-in{ width:210px; height:195px;  font-size:13px; margin-left:10px;}
.squar-in .title{font-size:18px;}


@media(max-width:1044px){
.content{ width:97%;   padding:10px 10px 15px 10px}
.squar-in{ width:210px; height:195px; }
.squar-in .title{font-size:18px; }
.squars{ margin-top:-100px; }

.float-img{width:14%}
.txt-home{width:40%; margin-left:5px; margin-right:33px}
.home-ul{ width:38%}

.txt-about{ width:67%; }
 

}

@media(max-width:960px){
.team-in{margin-left:5%;  }
 }

@media(max-width:914px){
.squar-in{ width:185px; height:175px;margin-left:22px;}
.txt-b{display:none}
.squars{ margin-top:-90px; }




}

@media(max-width:887px){
.content{ width:97%;   padding:10px 10px 15px 10px}
.squar-in{ width:185px; height:175px;margin-left:10px;}
 
.squars{ margin-top:-70px; }

.float-img{width:15%}
.txt-home{width:38%}
.home-ul{ width:37%}

.txt-about{ width:99%; padding-right:0px; float:none }
.img{ float:none; margin:15px 0px 12px 0px; display:block}


.team-in{margin-left:3.5%;  }


 

}


@media(max-width:813px){
.squar-in{ width:185px; height:175px;margin-left:10px; zoom:80%}


.float-img{width:110px}
.txt-home{width:75%;  margin-right:0px; margin-left:15px;margin-bottom:20px}
.home-ul{ width:99%}

 
.half-l{ width:99%; margin-right:0px;  float:none;}
.half-r{width:99%; }
 .squar-in .title{font-size:17px;}
.team-in{margin-left:6%;  }
}

@media(max-width:655px){
.squar-in{ width:185px; height:175px;margin-left:10px; zoom:70%}
.squar-in .title{font-size:19px;}
.squars{ margin-top:-50px; }

.txt-home{width:71%;    }
 .squar-in .title{font-size:17px;}
}


@media(max-width:573px){
.squar-in{ width:185px; height:175px; zoom:94%; margin:0px 0px 20px 20px }
.squar-in .title{font-size:18px;}
.squar-in:nth-child(3){margin-left:0px}
.squars{ margin-top:10px; }
.txt-home{width:68%;   }

 

.squars{ margin-top:10px; }
.logo{ zoom:86%;}
.email{ display:block;margin-right:0px;margin-left:0px; margin-bottom:10px; }
.contact{ display:block;margin-right:0px;margin-left:0px}

.fullwidthabnner	{overflow:hidden }

}



@media(max-width:503px){
.txt-home{width:99%;  margin-left:0px  }

.squar-in .title{font-size:18px;}

.squars{ margin-top:10px; }
.logo{ zoom:83%;}
.email{ display:block;margin-right:0px;margin-left:0px; margin-bottom:10px; }
.contact{ display:block;margin-right:0px;margin-left:0px}
}



@media(max-width:425px){

.team{ width:80% }
.team-in{margin-left:0%;  display: block}
}







@media(max-width:394px){
.squar-in{ width:185px; height:175px; zoom:100%; margin:0px 0px 20px 20px;margin-left:0px }
.squar-in .title{font-size:18px;}


.frame{width:100%}
.loginform_row{width:95%!important}

}