@import url(https://fonts.googleapis.com/css?family=Didact+Gothic);



html {

	overflow-x:hidden;

}

a {

	color:#468DBF;

	text-decoration:underline;

	transition: all 0.5s ease;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

}

a:hover {

	text-decoration:none;

	transition: all 0.5s ease;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

}

input:focus,textarea:focus{

	border:none;

	outline:none !important;

}



body {

	margin:0;

	padding:0;

	color:#666;

	font:14px Open Sans;

}








h1 {

	display:inline-block;

	width:100%;

	font-size:33px;

	color:#468DBF;

	margin:0 0 0;

	padding:0;

	text-transform:uppercase;

}



h2 {

	display:inline-block;

	font-size:26px;

	color:#468DBF;

	text-transform:uppercase;

	margin:0 0 15px;

	padding:0 0;

	width:70%;

}







h3 {

	display:inline-block;

	width:100%;

	font-size:17px;

	color:#000;

	text-transform:uppercase;

	margin:0;

	padding:0 0;
        text-align:center;

}

h3 a{

	display:inline-block;

	width:100%;

	font-size:17px;

	color:#000;

	text-transform:uppercase;

	margin:0;

	padding:0 0;

       text-decoration:none;
        text-align:center;

}



h4 {

	display:inline-block;

	width:100%;

	font-size:19px;

	color:#468DBF;

	text-transform:uppercase;

	margin:0;

	padding:0 ;

}

h4 a {

	display:inline-block;

	width:100%;

	font-size:19px;

	color:#468DBF;

	text-transform:uppercase;

	margin:0;

	padding:0 ;

 text-decoration:none;

}

h1,h2,h3,h4{

	font-weight:normal

}

ul, ol {

	margin:0 0 0 3%;

	padding:0;

}

.alignright {

	float:right;

	margin:12px 0 30px 30px; 

	border:2px solid #fff;

}

.alignleft {

	float:left;

	margin:12px 30px 10px 0;

	border:2px solid #fff;

}  

.padding-bottom {

	padding-bottom:80px;

}



.iphone {

	display:none;

}



#backToTop {

    position: fixed;

    right: 80px;

    bottom: 0;

    color: #fff;

    padding-bottom: 10px;

}

#backToTop a {

    display: inline-block;

    padding: 5px  10px;

    color: #000;

    background: #fff;

    text-transform: capitalize;

    text-align: center;

    cursor: pointer;

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

     -moz-transition: all 0.5s ease;

     -o-transition: all 0.5s ease;

	 text-decoration:none

}

#backToTop a:hover {

    background:#468DBF;

    color:#fff;

    transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

     -moz-transition: all 0.5s ease;

     -o-transition: all 0.5s ease;

}





/*all site use css*/





.topone {

    float: left;

    width: 96%;

    background:#fff;

    position:relative;

    z-index:9;

   padding:0 2%

}

.contacr-us{

	/*background:#468DBF url(../../images/contact-bg.jpg) center center no-repeat; */

	width:100%;

	float:left;

	font-size:20px;

	text-align:center;

	padding:5px 0;

	color:#fff



}



.contacr-us .big-no{

	display:inline-block;

	vertical-align:top;

	font-size:27px;

	text-transform:uppercase;

	padding-left:5px;

}

.contacr-us span{

	display:inline-block;

	vertical-align:top;

	padding-top:4px

}

	



.big-banner {

    float: left;

    width: 100%;

    position: relative;
	padding-bottom:10px;

}



.big-banner img {

    width: 100%;
	margin-top: -31px;

}





.logo-top {

    position: absolute;

    top: 0;

    width: 96%;

    padding:0 2%;
	padding-top:15px;

}



.logo {

    display: inline-block;

    float: left;

    margin-top:30px

}

.fb-lyk {

    float: right;

    margin-top: 4px;

    position: relative;

    z-index: 99;

}

.midarea {

    float: left;

    width: 100%;

}



.sidebar{

	-webkit-box-shadow: -5px 0px 13px -6px rgba(0,0,0,0.75);

-moz-box-shadow: -5px 0px 13px -6px rgba(0,0,0,0.75);

box-shadow: -5px 0px 13px -6px rgba(0,0,0,0.75);

display:block;

padding:25px 20px

}



.right-side {

    float: left;

    width: 100%;

    position: relative;

    padding: 40px 0 0;

}



.ss-img{

	position:absolute;

	right:-24px;

	top:0;

}



.four-box {

    float: left;

    width: 100%;

	margin:15px 0

}



.four-box ul {

    margin: 0;

    padding: 0;

}



.four-box li {

    display: inline-block;

    vertical-align: top;

    width: 22.5%;

    margin-left: 20px;

    margin-bottom: 25px;

}



.four-box li:nth-child(4n+1) {

    margin-left: 0;

}



.four-box li img {

    width: 100%;

}



.four-box li .img-tit {

    background: #666;

    color: #fff;

    text-align: center;

    width: 100%;

    display: inline-block;

    padding: 5px 0;

  transition: all 0.5s ease;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

}



.four-box li:hover  .img-tit{

 transition: all 0.5s ease;

	-webkit-transition: all 0.5s ease;

	-moz-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

 background: #468DBF;



}

.img-tit a

{

    color: #fff;

    text-align: center;

    width: 100%;

    display: inline-block;

    padding: 5px 0;

 text-decoration:none;

}



.three-div {

    float: left;

    width: 100%;

}



.three-div ul {

    margin: 0;

    padding: 0;

}



.three-div li {

    display: inline-block;

    vertical-align: top;

    width: 45%;

    margin-left: 46px;

}


  
.three-div li:nth-child(1) {

    margin-left: 0;

}





.sidebar-menu {

    display: inline-block;

    width: 100%;

    margin: 0;

}



.sidebar-menu ul {

    margin: 0;

    padding: 0;

}



.sidebar-menu li {

    display: inline-block;

    width: 100%;

    text-transform: uppercase;

    border-bottom: 1px solid #ccc;

}



.sidebar-menu li a {

    display: block;

    padding: 10px 20px;

    text-decoration: none;

    color: #666;

}



.side-text {

    display: inline-block;

    width: 100%;

    padding: 50px 0 20px;

}



.three-logo {

    display: inline-block;

    width: 100%;

}



.three-logo a {

    text-decoration: none;

    width: 100%;

    display: inline-block;

    text-align: center;

    margin-bottom: 22px;

}































 

.footer {

    float: left;

    width: 100%;

	color:#fff;

	padding:20px 0;

	background:#000;

      font-size:13px;

}







/*blog page css*/



.inner-page {

    float: left;

    width: 100%;

    margin: 30px 0 10px;

}



.blog-div {

	float: left;

	margin-bottom: 20px;

	width: 100%;

	border-bottom:1px solid #ccc;

	padding-bottom:20px;

}

.blog-img {

	float: left;

	width: 30%;

}

.blog-img img {

	width:90%;

	border:2px solid #fff

}

.blog-text {

	float: left;

	width:70%;

}

.blog-title{

	display:inline-block;

	width:100%;

	font-size:22px;

	color:#468DBF;

	text-transform:capitalize;

}



.blog-title a{

	color:#468DBF;

	text-decoration:none

}



.read-more {

	display: block;

	text-transform: capitalize;

	font-size:13px;

	margin-top:10px;

	color:#468DBF;

	text-decoration:none

}



.inner-page h1 {

    float: left;

    margin-bottom: 15px;

    width: 100%;

    

}

.right-side h1 {

    margin-bottom: 20px;

}



.sidebar-menu li .sub-menu {

    display: none;

    margin:8px 0 8px 30px

}



.sidebar-menu li.visible  .sub-menu {

    display: block;

}



.sidebar-menu li.menu-item-has-children:before {

   font-family: FontAwesome;

   content: "\f0dd";

   vertical-align: middle;

  float:right;

  padding-right:10px;

 padding-top:10px;

}



.sidebar-menu li.menu-item-has-children.visible:before {

   content: "\f0d9";

}

.sidebar-menu li .sub-menu li {

    border-bottom: none;

    border-top: 1px solid #ddd;

    text-transform: capitalize;

}



.sidebar-menu li a:hover {

    background: #468DBF;

    color: #fff;

}



 @media(max-width:1200px) {



#cssmenu > ul > li > a {

    padding: 16px 4px 15px 10px !important;

    font-size: 11px !important;

}

.contacr-us {

    font-size: 15px !important;

    padding: 10px 0 !important;

}



.contacr-us .big-no {

    font-size: 20px !important;

}

.fb-lyk {

    margin-top: 8px !important;

}

	 #titlecenter {
		 text-align:center!important;
	 }