@media(min-width:768px){
#t3-mainnav {
	margin-top : 53px;
}
.modal-dialog {
    margin-top: 160px !important;
}
#t3-mainnav.affix {
    margin-top: 0px;
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.4);
	z-index: 10052;
}
.ontopline {
	width : 100%;
	line-height : 54px;
	height : 53px;
	background : #225074;
	color : #FFF;
	position : fixed;
	top : 0px;
	left : 0px;
	font-size : 16px;
	z-index: 10051;
	border-bottom : 3px solid #FFAA00;
	opacity: 0.95;
	font-weight: 500;
}

.ontopwrap {
	max-width : 1200px;
	margin : 0px auto;
	vertical-align : baseline;
	position : relative;
	padding-right : 100px;
	font-size: 16px;
}

a.showscr {
	display : inline-block;
	border-radius : 30px;
	position : absolute;
	top : 8px;
	right : 160px;
	color : #000;
	background : #FFAA00;
	padding : 0px 15px 0px;
	line-height : 35px;
	font-size: 16px;
    font-weight: 500;
}

a.zaponl {
	display : inline-block;
	border-radius : 30px;
	position : absolute;
	top : 8px;
	right : 0px;
	color : #000;
	background : #FFAA00;
	padding : 0px 15px 0px;
	line-height : 35px;
	font-size: 16px;
    font-weight: 500;
}

a.showscr:hover {
	text-decoration : none;
}

.modulscr {
	position : fixed;
	width : 100%;
	top : 0;
	left : 0;
	right : 100%;
	bottom : 100%;
	z-index : 10000;
	display : none;
	background : rgba(0,0,0,0.8);
	height : 100%;
}

.closescr {
	display : block;
	font-size : 40px;
	color : #FFF;
	position : fixed;
	right : 30px;
	top : 0px;
}

.closescr:hover {
	text-decoration : none;
}

.modulscrwrap {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	text-align : center;
}

.modulscrcont {
    padding: 0px;
    background-color: #121D2F;
    color: #000;
	width : 800px;
}

.modulscrcont h2, .modulscrcont h3, .modulscrcont p.hran {
	padding : 0px 25px;
}

.modulscrcont h2 {
	font-weight : bold;
	margin : 0px;
	margin-top : 5px;
}

.modulscrcont h3 {
	margin-top : 15px;
}

.modulscrcont p.hran {
	padding-bottom : 30px;
	font-family : "Open Sans";
	font-weight  :bold;
}
.showline1 {
    position: fixed;
    top: 0px;
    right: 10px;
    color: #FFF;
    font-size: 18px;
}
.afterpic {
	text-align : center;
	color : #FFAA00;
	font-size : 26px;
	padding-bottom : 15px;
	min-height : 50px;
}
.col2vp {
	width : 46%;
	display : inline-block;
	text-align : center;
}
.col2vp input {
	display : inline-block;
	border-radius : 30px;
	color : #333;
	background : #FFF;
	padding : 5px 15px 5px;
	line-height : 35px;
	font-size : 20px;
	width : 80%;
	position: relative;
}
.col2vp button {
	display : inline-block;
	border-radius : 30px;
	color : #000;
	background : #FFAA00;
	padding : 5px 15px 5px;
	line-height : 35px;
	font-size : 20px;
	width : 80%;
	font-weight : bold;
}
#sp-page-builder #section-id-1656423295003 {
    background: linear-gradient(165deg,#050c16 15%,#125589 24%,#111e2e 50%,#17689d 74%);
}
a.link-phone:before {
    background: url(/images/phone.png);
    content: close-quote;
    padding: 0px 14px 0;
    vertical-align: sub;
    background-repeat: no-repeat;
    background-size: 18px;
}
a.link-phone {
    border-radius: 25px;
    padding: 10px 20px;
    border: 1px solid #144c72;
    background: #225074;
}
div.sppbsgls p {
	color: white;
    font-size: 20px;
    padding-bottom: 0px;
}
}
@media(max-width: 767px) {
.ontopline {
	width : 100%;
	line-height : 30px;
	min-height : 30px;
	background : #225074;
	color : #FFF;
	position : fixed;
	top : 0px;
	left : 0px;
	font-size : 16px;
	z-index: 1;
	border-bottom : 3px solid #FFAA00;
	text-align : center;
}

.ontopwrap {
	max-width : 1200px;
	margin : 0px auto;
	vertical-align : baseline;
	position : relative;
	text-align : center;
	padding: 6px 10% 0;
	font-size : 20px; 
	color : #FFF;
	line-height: 25px;
}

a.showscr {
	display : inline-block;
	border-radius : 30px;
	background : #FFAA00;
	padding : 0px 8px 0px;
	line-height : 30px;
	margin-bottom : 8px;
	color : #FFF;
	font-size: 13px;
    margin-right: 5px;
	font-weight: bold;
}

a.zaponl {
	display : inline-block;
	border-radius : 30px;
	background : #FFAA00;
	padding : 0px 8px 0px;
	line-height : 30px;
	margin-bottom : 8px;
	color : #FFF;
	font-size: 13px;
	margin-top: 8px;
	font-weight: bold;
}

a.showmpic {
	display : block;
	position : absolute;
	top : 5px;
	right : 5px;
	color : #FFF;
	font-size : 24px;
}

a.showscr:hover {
	text-decoration : none;
}

.modulscr {
	position : fixed;
	width : 100%;
	top : 0;
	left : 0;
	right : 100%;
	bottom : 100%;
	z-index : 500;
	display : none;
	background : rgba(0,0,0,0.8);
	height : 100%;
	z-index: 1000;
}

.closescr {
	display : block;
	font-size : 40px;
	color : #FFF;
	position : fixed;
	right : 30px;
	top : 0px;
}

.closescr:hover {
	text-decoration : none;
}

.modulscrwrap {
    position: absolute;
    left: 3%;
    top: 5%;
	text-align : center;
	width : 96%;
}

.modulscrcont {
    padding: 0px;
    background-color: #121D2F;
    color: #000;
	width : 100%;
}

.modulscrcont img {
	width : 100%;
	height : auto;
}

.modulscrcont h2, .modulscrcont h3, .modulscrcont p.hran {
	padding : 0px 25px;
}

.modulscrcont h2 {
	font-weight : bold;
	margin : 0px;
	margin-top : 5px;
}

.modulscrcont h3 {
	margin-top : 15px;
}

.modulscrcont p.hran {
	padding-bottom : 30px;
	font-family : "Open Sans";
	font-weight  :bold;
}
.showline1 {
    position: fixed;
    top: 0px;
    right: 10px;
    color: #FFF;
    font-size: 18px;
}
.afterpic {
	text-align : center;
	color : #FFAA00;
	font-size : 26px;
	padding-bottom : 15px;
	min-height : 50px;
}
.col2vp {
	width : 100%;
	display : inline-block;
	text-align : center;
}
.col2vp input {
	display : inline-block;
	border-radius : 30px;
	color : #333;
	background : #FFF;
	padding : 5px 10px 5px;
	line-height : 25px;
	font-size : 16px;
	width : 80%;
}
.col2vp button {
	display : inline-block;
	border-radius : 30px;
	color : #000;
	background : #FFAA00;
	padding : 5px 10px 5px;
	line-height : 25px;
	font-size : 16px;
	width : 80%;
}
.navbar.t3-mainnav.affix-top .mob-top{
    position: relative;
    top: 42px;
	width: 87%;
	display: inline-table;
}
.navbar.t3-mainnav.affix .mob-top{
    position: absolute;
    top: 35px;
	display:block;
}
.navbar.t3-mainnav.affix .mob-top, .navbar.t3-mainnav.affix-top .mob-top{
	display:inline-table !important;
}
.navbar.t3-mainnav.affix img.logo-img-sm{
    display: none !important;
}
.navbar.t3-mainnav.affix .navbar-header {
	top: unset;
	}
.tel-mob {
    display: none;
}
}
@media(max-width:359px){
.masthead {
    padding: 140px 0 120px;
}
}

@media(min-width:360px){
.masthead {
    padding: 140px 0 120px;
}
}
@media(min-width:410px){
.masthead {
	padding: 195px 0 120px;
}
}