@font-face {

 font-family: bell-gothic-std-black;

 src: local("bell-gothic-std-black"),  local("bell-gothic-std-black"),  url(../fonts/bell-gothic-std-black.otf);

}
body{
font-size:16px;
}

p, h1, h2, h3, h4, h5, h6, form, ul, li, dl, dt, dd {

	padding:0;

	margin:0;

	list-style:none;

}



p {

	margin: 0px;

	padding: 0px;

		

}

img{

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



.clear {

	clear: both;

}



.header-box {

	float: left;

	height: 90px;

	width: 100%;

	background-color: #FFF;

}

.header {

	float: left;

	height: auto;

	width: 100%;

}



.nevi-box-menu {

	float: left;

	height: auto;

	width: 94%;

}



.nevi-box-menu ul{

	margin: 0px;

	padding: 0px;

}



.nevi-box-menu ul li{

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}



.nevi-box-menu ul li a{

	font-size: 14px;

	text-transform: uppercase;

	color: #aba7a7;

	float: left;

	height: auto;

	padding-top: 33px;

	padding-bottom: 33px;

	text-align: center;

	padding-right: 27px;

	padding-left: 27px;

	border-bottom-width: 3px;

	border-bottom-style: solid;

	border-bottom-color: #FFF;

	font-weight: bold;

}



.nevi-box-menu ul li a:hover{

	color: #FFF;

	background-color: #ff6600;

	background-image: url(../images/white-arow.png);

	background-repeat: no-repeat;

	background-position: center bottom;

}







.tinynav { display: none }



#nav .selected a, #nav2 .selected a {}

    /* styles for mobile */

	

.bg-blue{

	color: #FFF;

	background-color: #053d68;

	font-size: 12px;

	padding-top: 9px;

	padding-bottom: 9px;

}

.bg-blue1{

	background-color: #053d68;

	height:4px;

}

.bg-blue a{

	border: 1px solid #FFF;

	color: #FFF;

	border-radius:4px;

	padding-top: 4px;

	padding-right: 7px;

	padding-bottom: 4px;

	padding-left: 7px;

	margin-left:9px;

}

.bg-blue a:hover{

	color: #FFF;

	background-color: #000;

}

.box-251 {

	float: right;

	width: 260px;

}	



.bg-phone{

	background-image: url(../images/phone-icon.png);

	background-repeat: no-repeat;

	background-position: left center;

}

.bg-mobile{

	background-image: url(../images/mobile-icon.png);

	background-repeat: no-repeat;

	background-position: left center;

}

.phone-tx{

	font-size: 21px;

	font-weight: 900;

	color: #727272;

	padding-left: 29px;

	margin-top:5px;

}

.text-blue{

	color: #0a2d4d;

}

.margin-top-15{

	margin-top: 15px;

}

.margin-buttom-17{

	margin-bottom: 12px;

}

.pull-right1{

	float: right;

}

.pull-left1{

	float: left;

}

.nevi-box {

	float: left;

	height: auto;

	width: 100%;

}



.bg-blue-nevi{

	background-color: #384d70;

	float: left;

	height: auto;

	width: 100%;

	padding-top: 15px;

	padding-bottom: 15px;

}



#menu-box {

	float: left;

	cursor:pointer;

	position: relative;

	z-index: 5;

	display:none;

}



#top-nevi{display: block;}



.slidingDiv {

	display: block;

	float: left;

	width: 100%;

	height: auto;

}



#menu-box1 {

	float: right;

	cursor:pointer;

	position: relative;

	z-index: 5;

	display:none;

}



.slidingDiv1 {

	display: block;

	float: left;

	width: 100%;

	height: auto;

}



.nevi-top {

	float: left;

	height: auto;

	width: 100%;

	position:relative;

	z-index:100;

	clear:both;

}

.nevi-top ul {

	margin: 0px;

	padding: 0px;

}

.nevi-top ul li {

	margin: 0px;

	padding: 0px;

	list-style-type: none;

	float: left;

	height: auto;

	width: auto;

}

.nevi-top ul li a {

	font-size: 14px;

	color: #FFF;

	text-transform: uppercase;

	float: left;

	margin-right: 12px;

	border: 1px solid #FFF;

	text-align: center;

	width: 145px;

	height: 77px;

	vertical-align: middle;

	padding-top: 18px;

}
.nevi-top ul li:last-child a {
margin-right:0px;
}

.nevi-top ul li:hover a {

	border-top-color: #000;

	border-right-color: #000;

	border-bottom-color: #000;

	border-left-color: #000;

}



.nevi-top ul li ul {

	display: none;

}

.nevi-top ul li:hover ul {

	display:block;

	position:absolute;

	top:41px;

	margin-top:36px;

	left:254;

	width: 137px !important;

	height:auto;

	float: left;

	background-color: #e7e7e8;

	border: 1px solid #000;

}



.nevi-top ul li:hover ul li {

	background-image:none;

}



.nevi-top ul li:hover ul li a {

	display:block;

	color:#384d70;

	height:auto;

	width:137px;

	padding-top: 8px;

	padding-bottom: 8px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FFF;

	text-align:center;

	border-top-style: none;

	border-right-style: none;

	border-left-style: none;

}

.nevi-top ul li:hover ul li a:hover {

	background-color: #0a2d4d;

	color: #FFF;

}





.white-bg {

	background-color: #FFF;

	float: left;
min-height: 300px;
	height: auto;

	width: 100%;

}



.ul-box {

	float: left;

	height: auto;

	width: 100%;

	margin-top: 20px;

}

.ul-box ul li {

	background-image: url(../images/arow-left.png);

	background-repeat: no-repeat;

	background-position: left center;

	float: left;

	height: auto;

	width: 100%;

	padding-left: 15px;

}

.ul-box ul li a {

	color: #727272;

	float: left;

	height: auto;

	width: 100%;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #727272;

	padding-top: 13px;

	padding-bottom: 13px;

}

.ul-box ul li a:hover {color: #0a2d4d;}



.banner-box {

	float: left;

	height: auto;

	width: 100%;

}



.gray-bg {

	background-image: url(../images/shdow-png.png);

	background-repeat: repeat-x;

	background-position: center top;

	float: left;

	height: auto;

	width: 100%;

	background-color: #ebebeb;

	border-bottom-width: 4px;

	border-bottom-style: solid;

	border-bottom-color: #053d68;

	margin-top: 25px;

	padding-top: 26px;

	padding-bottom: 43px;

}

.line-bg{

	background-image:url(../images/line-blue.jpg);

	background-repeat: no-repeat;

	background-position: center bottom;

}

h1{

	font-size: 25px;

	color: #000000;

	font-style: normal;

	font-weight: 400;

	margin-bottom: 15px;

	padding-bottom: 12px;

	text-transform: uppercase;

	float: left;

	height: auto;

	width: 100%;

}

.logo-210 {	height: auto;

	width: 210px;

	float: left;

	border: 1px solid #c6c6c6;

	margin-right: 10px;

}

.margin-0{margin-right:0px;}

.margin-top-25{margin-top:25px;}



.white-box {

	background-color: #FFF;

	padding-top: 28px;

	padding-bottom: 33px;

	float: left;

	height: auto;

	width: 100%;

}

.text-size{

	font-size: 17px;

	float: left;

	width: 100%;

	font-family: Lato;

	font-style: normal;

	font-weight: 700;

	color: #000;

}

.margin-top-10{margin-top:10px;}

.footer-box {

	float: left;

	height: auto;

	width: 100%;

	background-color: #000;

	padding-top: 25px;

	padding-bottom: 30px;

}

.copy {

	float: left;

	height: auto;

	width: 100%;

	font-size: 15px;

	color: #FFF;

	margin-bottom: 15px;

}

.add-box {

	float: left;

	height: auto;

	width: 100%;

	font-size: 15px;

	color: #FFF;

	margin-bottom: 11px;

}

.test-text{

	font-size: 18px;

	color: #727272;

	line-height: 27px;

	margin-bottom:30px;

	font-weight: 500;

}

.text-color-blue{

	color: #053d68;

}

.margin-buttom-20{

	margin-bottom: 20px;

}



.footer-box-1 {

	float: left;

	height: auto;

	width: 179px;

	margin-right: 13px;

	

}

.footer-box-1 h4 {

	float: left;

	height: auto;

	width: 100%;

	color: #FFF;

	font-family: Arial;

	font-size: 16px;

	font-weight: bold;

	margin-bottom: 20px;

	margin-top:0px;

}

.footer-box-1 ul {

	margin: 0px;

	padding: 0px;

}

.footer-box-1 ul li {

	margin: 0px;

	padding: 0px;

	list-style:none;

}

.footer-box-1 ul li a {

	float: left;

	height: auto;

	width: 95%;

	color: #778f8e;

	font-family: Arial;

	font-size: 12px;

	font-weight: bold;

	margin-bottom: 8px;

	text-decoration:none;

}



.footer-box-1 ul li a:hover {

	color: #fff;

}

.logo-footer {

	float: left;

	height: auto;

	width: auto;

	margin-top: 107px;

}

.nomber-footer{	float: right;

	height: auto;

	width: auto;

	margin-top: 126px;

	color:#fff;

	font-family: Arial;

	font-size: 26px;

	font-weight: bold;

	}



.copy-right {

	font-size: 12px;

	color: #5d6e74;

	font-family: Arial;

	text-align: left;

	float: left;

	height: auto;

	width: 100%;

	padding-top: 12px;

	padding-bottom: 12px;

}



.footer-line {

	float: left;

	width: 100%;

	background-color: #3a3e44;

	height: 1px;

	margin-top:10px;

}

.socal-box {

	float: right;

	margin-top: 15px;

}

.facebook {

	height: 38px;

	width: 39px;

	float: left;

	margin-left: 15px;

	background-image: url(../images/socal.png);

	background-repeat: no-repeat;

	background-position: left top;

}

.facebook:hover {

	background-position: left -46px;

}



.twitter {

	height: 38px;

	width: 39px;

	float: left;

	margin-left: 8px;

	background-image: url(../images/socal.png);

	background-repeat: no-repeat;

	background-position: -52px 0px;

}

.twitter:hover {

	background-position: -52px -46px;

}

.skype {

	height: 38px;

	width: 39px;

	float: left;

	margin-left: 8px;

	background-image: url(../images/socal.png);

	background-repeat: no-repeat;

	background-position: -102px 0px;

}

.skype:hover {

	background-position: -102px -46px;

}

.google-plus {

	height: 38px;

	width: 39px;

	float: left;

	margin-left: 8px;

	background-image: url(../images/socal.png);

	background-repeat: no-repeat;

	background-position: -153px 0px;

}

.google-plus:hover {

	background-position: -153px -46px;

}

.share-icon {

	height: 38px;

	width: 39px;

	float: left;

	margin-left: 8px;

	background-image: url(../images/socal.png);

	background-repeat: no-repeat;

	background-position: -204px 0px;

}

.share-icon:hover {

	background-position: -204px -46px;

}

.rss-icon {

	height: 38px;

	width: 39px;

	float: left;

	margin-left: 8px;

	background-image: url(../images/socal.png);

	background-repeat: no-repeat;

	background-position: -254px 0px;

}

.rss-icon:hover {

	background-position: -254px -46px;

}

.about {

	float: left;

	height: auto;

	width: 100%;

	margin-top: 20px;

	padding-bottom: 40px;

}

.about h1 {

	float: left;

	height: auto;

	width: 100%;

	font-size: 45px;

	color: #384d70;

	font-weight: bold;

	margin-bottom: 20px;

}

.about h2 {

	float: left;

	height: auto;

	width: 100%;

	font-size: 26px;

	color: #384d70;

	font-weight: bold;

	margin-bottom: 20px;

}

.about-img {

	float: left;

	height: auto;

	width: 100%;

	margin-bottom: 15px;
margin-top: -6%;
}

.about p {

	float: left;

	height: auto;

	width: 100%;

	margin-bottom: 20px;

	font-size: 14px;

	color: #000;

}



	

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

    

	  .tinynav { display: block }

      #nav, #nav2 { display: none }



}





/* Large desktop */

@media (min-width: 1200px) {

	

}









/* Portrait tablet to landscape and desktop */

@media (min-width: 993px) and (max-width: 1199px) {



.tinynav {

	display: block;

	float: right;

	height: auto;

	width: 95%;

	font-size: 13px;

	border: 1px solid #999;

	padding-top: 7px;

	padding-bottom: 7px;

	padding-right: 9px;

	padding-left: 9px;

	border-radius:4px;

	margin-top:11px;

}



#nav, #nav2 { display: none }



.ul-box ul li a {

	font-size:13px;

	padding-bottom: 9px;

    padding-top: 9px;

}



.logo-210 {

	width: 19%;

	margin-right: 9px;

	margin-bottom:12px;

}

.auto-300 img{width:100%;}

.logo-210 img{width:100%;}



.nevi-top ul li a {

	font-size: 11px;

	padding-right: 0px;

	padding-left: 0px;

	text-align:center;

	width:113px;

}

.nevi-top ul li:hover ul {

	margin-top:25px;

	width: 113px !important;

}



.nevi-top ul li:hover ul li a {

	width:113px;

	font-size:11px;

}



	

}

	







/* Portrait tablet to landscape and desktop */

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



 .tinynav {

	display: block;

	float: right;

	height: auto;

	width: 95%;

	font-size: 13px;

	border: 1px solid #999;

	padding-top: 7px;

	padding-bottom: 7px;

	padding-right: 9px;

	padding-left: 9px;

	border-radius:4px;

	margin-top:11px;

}



#nav, #nav2 { display: none }

.nevi-top ul li a {

	font-size: 11px;

	padding-right: 0px;

	padding-left: 0px;

	text-align:center;

	width:90px;

}

.nevi-top ul li:hover ul {

	margin-top:25px;

	width: 90px !important;

}



.nevi-top ul li:hover ul li a {

	width:90px;

	font-size:11px;

}



.ul-wd{width:42%; float:left;}

.ul-bd{width:100%; float:right; margin-top:15px;}

.ul-box{margin-top:0px;}

.ul-box ul li a {

    padding-bottom: 7px;

    padding-top: 7px;

	font-size:12px;

}

.logo-210 {

	width: 18%;

	margin-right: 11px;

	margin-bottom:12px;

}

.auto-300 img{width:100%;}

.logo-210 img{width:100%;}

.wd-f{width:50%; float:left;}

h1{font-size:23px;}

.test-text {

    font-size: 16px;

    line-height: 20px;

    text-align: justify;

}

.footer-box-1 {

	width: 25%;

	margin-right: 0px;

	text-align:center;

	margin-bottom:15px;

	

}

.footer-box-1 ul li a{width:100%;}

}









@media (min-width: 600px) and (max-width: 767px) {



 .tinynav {

	display: block;

	float: right;

	height: auto;

	width: 95%;

	font-size: 13px;

	border: 1px solid #999;

	padding-top: 7px;

	padding-bottom: 7px;

	padding-right: 9px;

	padding-left: 9px;

	border-radius:4px;

	margin-top:11px;

}



#nav, #nav2 { display: none }

.auto-300{

	width: 250px;

	margin-right: auto;

	margin-left: auto;}



.box-251 {

	width: 251px;

	margin-right: auto;

	margin-left: auto;

	float:none;

}

.pull-right1{

	float: right;

}

pull-left1{

	float: left;

}



.nevi-top ul li a {

	font-size: 12px;

	padding-right: 10px;

	padding-left: 10px;

	text-align:center;

}



.ul-wd{width:42%; float:left;}

.ul-bd{width:100%; float:right;margin-top:15px;}

.ul-box{margin-top:0px;}

.ul-box ul li a {

    padding-bottom: 7px;

    padding-top: 7px;

	font-size:12px;

}

.logo-210 {

	width: 18%;

	margin-right: 11px;

	margin-bottom:12px;

}

.auto-300 img{width:100%;}

.logo-210 img{width:100%;}

.wd-f{width:50%; float:left;}

h1{font-size:23px;}

.test-text {

    font-size: 16px;

    line-height: 20px;

    text-align: justify;

}

.footer-box-1 {

	width: 25%;

	margin-right: 0px;

	text-align:center;

	margin-bottom:15px;

	

}

.footer-box-1 ul li a{width:100%;}

#menu-box {

	float: left;

	cursor:pointer;

	position: relative;

	z-index: 5;

	display:inline;

	margin-top:10px;

	margin-bottom:10px;

}

.slidingDiv {

	display: none;

	float: left;

	width: 100%;

	height: auto;

	margin-top:10px;

}	

#top-nevi{display: none;}

.nevi-top ul li a {

	font-size: 12px;

	padding-right: 0px;

	padding-left: 0px;

	width:30%;

	text-align:center;

}

#menu-box1 {

	display:inline;

	margin-top:10px;

	margin-bottom:10px;

}



.slidingDiv1 {

	display: none;

	float: left;

	width: 100%;

	height: auto;

	margin-top:10px;

}

.nevi-top ul li{width:100%;}



.nevi-top ul li a {

	margin-right: 0px;

	width:100%;

	float: left;

	height: auto;

	padding-top: 0px;

	margin-bottom: 8px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	text-align:left;

}



.nevi-top ul li ul {

	display:block !important;

	position:static;

	top:41px;

	margin-top:1px;

	left:254;

	width: 100% !important;

	height:auto;

	float: left;

	background-color:transparent;

	border:none;

	margin-top:0px;

}

.nevi-top ul li:hover ul {

	display:block !important;

	position:static;

	top:41px;

	margin-top:1px;

	left:254;

	width: 100% !important;

	height:auto;

	float: left;

	background-color:transparent;

	border:none;

	margin-top:0px;

}

.nevi-top ul li ul li{

	list-style-type: disc;

	width:100%;

	float:left;

	color:#FFFFFF;

	margin-left:24px;

}

.nevi-top ul li ul li a {

	display:block;

	color:#FFFFFF;

	height:auto;

	line-height:15px;

	width:80%;

	background-repeat: repeat;

	font-style: italic;

	padding: 2px;

	border:none;

	background-color:transparent;

	text-align:left;

}

.nevi-top ul li:hover ul li a {

	display:block;

	color:#FFFFFF;

	height:auto;

	line-height:15px;

	width:80%;

	background-repeat: repeat;

	font-style: italic;

	padding: 2px;

	border:none;

	background-color:transparent;

	text-align:left;

}

.nevi-top ul li:hover ul li a:hover {background-color:transparent;}

}

 

 

 

 

 /* Landscape phone to portrait tablet */

@media (max-width: 767px) {





}







@media (min-width: 481px) and (max-width: 599px) {



.tinynav {

	display: block;

	float: right;

	height: auto;

	width: 95%;

	font-size: 13px;

	border: 1px solid #999;

	padding-top: 7px;

	padding-bottom: 7px;

	padding-right: 9px;

	padding-left: 9px;

	border-radius:4px;

	margin-top:11px;

}



.auto-300{

	width: 250px;

	margin-right: auto;

	margin-left: auto;}



.box-251 {

	width: 251px;

	margin-right: auto;

	margin-left: auto;

	float:none;

}

.pull-right1{

	float: none;

}

pull-left1{

	float: none;

}

.col-md2-5{width:100%; float:left;}	

.col-md1-5{width:100%; float:right;}

#menu-box {

	float: left;

	cursor:pointer;

	position: relative;

	z-index: 5;

	display:inline;

	margin-top:10px;

	margin-bottom:10px;

}

.slidingDiv {

	display: none;

	float: left;

	width: 100%;

	height: auto;

	margin-top:10px;

}	

#top-nevi{display: none;}

.nevi-top ul li a {

	font-size: 12px;

	padding-right: 0px;

	padding-left: 0px;

	width:30%;

	text-align:center;

}

#menu-box1 {

	display:inline;

	margin-top:10px;

	margin-bottom:10px;

}



.slidingDiv1 {

	display: none;

	float: left;

	width: 100%;

	height: auto;

	margin-top:10px;

}

.logo-210 {

	width: 47%;

	margin-right: 12px;

	margin-bottom:12px;

}

.auto-300 img{width:100%;}

.logo-210 img{width:100%;}

.add-box{text-align:center;}

.copy{text-align:center;}

h1{font-size:19px;}

.test-text {

    font-size: 14px;

    line-height: 20px;

    text-align: justify;

}

.footer-box-1 {

	width: 50%;

	margin-right: 0px;

	text-align:center;

	margin-bottom:15px;

	

}

.footer-box-1 ul li a{width:100%;}

.about h1 {

	font-size: 35px;

	text-align:center;

}

.about h2 {

	font-size: 20px;

}

.about p {

	font-size: 13px;

	text-align:justify;

}

}

	

		 





/* Landscape phones and down */

@media (max-width: 480px) {

 

.tinynav {

	display: block;

	float: right;

	height: auto;

	width: 95%;

	font-size: 13px;

	border: 1px solid #999;

	padding-top: 7px;

	padding-bottom: 7px;

	padding-right: 9px;

	padding-left: 9px;

	border-radius:4px;

	margin-top:11px;

}



.auto-300{

	width: 250px;

	margin-right: auto;

	margin-left: auto;}





.box-251 {

	width: 251px;

	margin-right: auto;

	margin-left: auto;

	float:none;

}	

.phone-tx{font-size:22px;}



.pull-right1{

	float: none;

}

pull-left1{

	float: none;

}

.col-md2-5{width:100%; float:left;}	

.col-md1-5{width:100%; float:right;}

#menu-box {

	float: left;

	cursor:pointer;

	position: relative;

	z-index: 5;

	display:inline;

	margin-top:10px;

	margin-bottom:10px;

}



.slidingDiv {

	display: none;

	float: left;

	width: 100%;

	height: auto;

	margin-top:10px;

}



#menu-box1 {

	display:inline;

	margin-top:10px;

	margin-bottom:10px;

}



.slidingDiv1 {

	display: none;

	float: left;

	width: 100%;

	height: auto;

	margin-top:10px;

}

#top-nevi{display: none;}



.ul-box{margin-top:10px;}



.logo-210 {

	width: 100%;

	margin-right: 0px;

	margin-bottom:12px;

}



.auto-300 img{width:100%;}

.logo-210 img{width:100%;}

.add-box{text-align:center;}

.copy{text-align:center;}

h1{font-size:19px;}

.test-text {

    font-size: 14px;

    line-height: 20px;

    text-align: justify;

}

.nevi-top ul li{width:100%;}



.nevi-top ul li a {

	margin-right: 0px;

	width:100%;

	float: left;

	height: auto;

	padding-top: 0px;

	margin-bottom: 8px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	text-align:left;

}



.nevi-top ul li ul {

	display:block !important;

	position:static;

	top:41px;

	margin-top:1px;

	left:254;

	width: 100% !important;

	height:auto;

	float: left;

	background-color:transparent;

	border:none;

	margin-top:0px;

}

.nevi-top ul li:hover ul {

	display:block !important;

	position:static;

	top:41px;

	margin-top:1px;

	left:254;

	width: 100% !important;

	height:auto;

	float: left;

	background-color:transparent;

	border:none;

	margin-top:0px;

}

.nevi-top ul li ul li{

	list-style-type: disc;

	width:100%;

	float:left;

	color:#FFFFFF;

	margin-left:24px;

}

.nevi-top ul li ul li a {

	display:block;

	color:#FFFFFF;

	height:auto;

	line-height:15px;

	width:80%;

	background-repeat: repeat;

	font-style: italic;

	padding: 2px;

	border:none;

	background-color:transparent;

	text-align:left;

}

.nevi-top ul li:hover ul li a {

	display:block;

	color:#FFFFFF;

	height:auto;

	line-height:15px;

	width:80%;

	background-repeat: repeat;

	font-style: italic;

	padding: 2px;

	border:none;

	background-color:transparent;

	text-align:left;

}

.nevi-top ul li:hover ul li a:hover {background-color:transparent;}

.bg-blue-nevi {

    padding-bottom: 4px;

    padding-top: 4px;

}

.footer-box-1 {

	width: 100%;

	margin-right: 0px;

	text-align:center;

	margin-bottom:15px;

	

}

.footer-box-1 ul li a{width:100%;}

.about h1 {

	font-size: 31px;

	text-align:center;

}

.about h2 {

	font-size: 20px;

}

.about p {

	font-size: 13px;

	text-align:justify;

}



}
.top-box{
	margin-top:20px;
}
.top-box h1{
	color: #384d70;
    float: left;
    font-size: 45px;
    font-weight: bold;
    height: auto;
    margin-bottom: 20px;
    width: 100%;
}

.social-01 {
	float: left;
}
.social-01 a.pinterest:hover {
	background: none repeat scroll 0 0 #f13434;
}
.social-01 a.f:hover {
	background: none repeat scroll 0 0 #3b5999;
}
.social-01 a.twitter:hover {
	background: none repeat scroll 0 0 #00bbf5;
}
.social-01 a.mail:hover {
	background: none repeat scroll 0 0 #cd1a1a;
}
.social-01 a.google-plus:hover {
	background: none repeat scroll 0 0 #DA4835;
}
.social-01 a.in:hover {
	background: none repeat scroll 0 0 #1A7798;
}
.social-01 a {
	background: #FFF;
	border-radius: 100px;
	color: #e3e3e3;
	cursor: pointer;
	display: inline-block;
	height: 30px;
	margin-left: 4px;
	padding: 3px;
	text-align: center;
	text-decoration: none;
	transition: all 0.4s ease 0s;
	width: 30px;
}
.social-01 a:hover {
	animation: 0.3s ease-in-out 0s normal none 1 all;
	color: #fff;
}
.social-01 a i {
	color:#777777;
	font-size: 15px;
	line-height: 24px;
}
.social-01 a i:hover{
	color: #fff;
}
 @media (max-width: 767px) {
	 .logo{
		 text-align:center;
		
		}
.top-box h1{
    float:none;
	text-align:center;
    margin-bottom: 20px;
	margin-top:20px;
}
}
@media(min-width:300px) and (max-width:767px){
#slideshow-wrappergallery1 #fullsizegallery1{
height:136px!important;
}
.socal-box {
    width: 60%!important;
}
}
@media(min-width:768px) and (max-width:980px){

.pull-right1 {
    float: right;
    width: 30%;
}
}