/*-----------------------------------------------------------------------------------
	
    Template Name: Universitet Megapolis
    Template URI: http://andreybogatyrev.ru
    Description: html5 template
    Author: ProMind
    Author URI: http://promind.studio
    Version: 1.0
	
-----------------------------------------------------------------------------------*/

/* google fonts */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,400i,700');


/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {height: 100%;}
.f-left {float:left} 
.f-right {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {outline:0px solid}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
p {  
    margin:0 0 15px;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 27px;
	font-weight:normal;
	color:#777;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px;
	font-family: 'Montserrat', sans-serif;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { 
    color: inherit 
}
a {transition: all 0.3s ease 0s;text-decoration:none;}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	outline: 0 none;
}
ul{
	list-style: outside none none;
	margin: 0;
	padding: 0
}
.clear{clear:both}
body {line-height:1.2;color:#444;font-family: 'Montserrat', sans-serif;}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
p{
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 29px;
	color: #000;
	font-weight: 400;
}
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom:5px;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background:#fff;
	color:#555;
	border: 1px solid #ddd;
	padding: 9px 70px;
	text-transform: uppercase;
	font-weight: 600;
	transition:.3s;
}
.btn:hover{
	background-color:#f7f7f7;
	color:#484848;
	border-color:#a3a3a3;
}
/*=======================
	Text color
=========================*/
.text-blue { color: #4FC1F0; }
.text-white { color: #fff ;}
.text-black { color: #363636; }
.text-theme { color: #f10; }

.text-white h1, .text-white p, .text-white h2{ color: #fff; }
.text-white { color: #fff; }
.text-black { color: #363636 ;}
.text-theme { color: #f10; }

/*colored background*/
.black-bg {float:left;width:100%; background: #ffffff !important; }
.white-bg { background: #fff !important; }
.gray-bg { background: #f6f6f6 !important; }
.blue-bg { background: #4FC1F0 !important; }
.default-bg { background: #50C1F0 !important; }
.transparent-bg { background: transparent !important; }

/*=======================
	Basic margin padding
=========================*/
.m-0 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.p-0 {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
/*=======================
	Margin top
=========================*/
.mt-0 { margin-top: 0 }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-30 { margin-top: 30px }
.mt-40 { margin-top: 40px }
.mt-50 { margin-top: 50px }
.mt-60 { margin-top: 60px }
.mt-70 { margin-top: 70px }
.mt-80 { margin-top: 80px }
.mt-90 { margin-top: 90px }
.mt-100 { margin-top: 100px }
.mt-110 { margin-top: 110px }
.mt-120 { margin-top: 120px }
/*=======================
	Margin right
=========================*/
.mr-0 { margin-right: 0px }
.mr-5 { margin-right: 5px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-30 { margin-right: 30px }
.mr-40 { margin-right: 40px }
.mr-50 { margin-right: 50px }
.mr-60 { margin-right: 60px }
.mr-70 { margin-right: 70px }
.mr-80 { margin-right: 80px }
.mr-90 { margin-right: 90px }
.mr-100 { margin-right: 100px }

/*************************
	Margin bottom
*************************/
.mb-0 { margin-bottom: 0 }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-30 { margin-bottom: 30px }
.mb-40 { margin-bottom: 40px }
.mb-50 { margin-bottom: 50px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-80 { margin-bottom: 80px }
.mb-90 { margin-bottom: 90px }
.mb-100 { margin-bottom: 100px }

/*************************
	Margin left
*************************/
.ml-0 { margin-left: 0 }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-30 { margin-left: 30px }
.ml-40 { margin-left: 40px }
.ml-50 { margin-left: 50px }
.ml-60 { margin-left: 60px }
.ml-70 { margin-left: 70px }
.ml-80 { margin-left: 80px }
.ml-90 { margin-left: 90px }
.ml-100 { margin-left: 100px }

/*************************
	Padding top
*************************/
.pt-0 { padding-top: 0 }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-30 { padding-top: 30px }
.pt-40 { padding-top: 40px }
.pt-50 { padding-top: 50px }
.pt-60 { padding-top: 60px }
.pt-70 { padding-top: 70px }
.pt-75 { padding-top: 75px }
.pt-80 { padding-top: 80px }
.pt-90 { padding-top: 90px }
.pt-100 { padding-top: 100px }
.pt-110 { padding-top: 110px }
.pt-120 { padding-top: 120px }

/*************************
	Padding right
*************************/
.pr-0 { padding-right: 0 }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-30 { padding-right: 30px }
.pr-40 { padding-right: 40px }
.pr-50 { padding-right: 50px }
.pr-60 { padding-right: 60px }
.pr-70 { padding-right: 70px }
.pr-80 { padding-right: 80px }
.pr-90 { padding-right: 90px }
.pr-100 { padding-right: 100px }

/*************************
	Padding bottom
*************************/
.pb-0 { padding-bottom: 0 }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-30 { padding-bottom: 30px }
.pb-40 { padding-bottom: 40px }
.pb-50 { padding-bottom: 50px }
.pb-60 { padding-bottom: 60px }
.pb-70 { padding-bottom: 70px }
.pb-80 { padding-bottom: 80px }
.pb-90 { padding-bottom: 90px }
.pb-100 { padding-bottom: 100px }
.pb-110 { padding-bottom: 110px }
.pb-120 { padding-bottom: 120px }

/*=======================
	Padding left
=========================*/
.pl-0 { padding-left: 0 }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-30 { padding-left: 30px }
.pl-40 { padding-left: 40px }
.pl-50 { padding-left: 50px }
.pl-60 { padding-left: 60px }
.pl-70 { padding-left: 70px }
.pl-80 { padding-left: 80px }
.pl-90 { padding-left: 90px }
.pl-100 { padding-left: 100px }

/*==========================
    Page section padding 
===========================*/
.ptb-0 { padding: 0 }
.ptb-10 { padding: 10px 0 }
.ptb-20 { padding: 20px 0 }
.ptb-30 { padding: 30px 0 }
.ptb-35 { padding: 35px 0 }
.ptb-40 { padding: 40px 0 }
.ptb-50 { padding: 50px 0 }
.ptb-60 { padding: 60px 0 }
.ptb-70 { padding: 70px 0 }
.ptb-80 { padding: 80px 0 }
.ptb-90 { padding: 90px 0 }
.ptb-100 { padding: 100px 0 }

/*========================
    Page section margin 
==========================*/
.mtb-0 { margin: 0 }
.mtb-10 { margin: 10px 0 }
.mtb-15 { margin: 15px 0 }
.mtb-20 { margin: 20px 0 }
.mtb-30 { margin: 30px 0 }
.mtb-40 { margin: 40px 0 }
.mtb-50 { margin: 50px 0 }
.mtb-60 { margin: 60px 0 }
.mtb-70 { margin: 70px 0 }
.mtb-80 { margin: 80px 0 }
.mtb-90 { margin: 90px 0 }
.mtb-100 { margin: 100px 0 }

.nodisplay {display:none !important}
.forcedisplay{display:block !important}
.nopadding {padding:0px !important}

/*  ALL Custom Css */
/*---- Preloader-start---- */
.page-loader {
	background: #fff;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 9998;
}
.loader {
	background: #666;
	position: absolute;
	display: inline-block;
	height: 40px;
	width: 40px;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	text-indent: -9999em;
	-webkit-border-radius: 100%;
    -moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: ball-scale 1s 0s ease-in-out infinite;
	animation: ball-scale 1s 0s ease-in-out infinite;
}

@-webkit-keyframes ball-scale {
	
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	
}

@keyframes ball-scale {
	
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
	}
	
	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	
}
/*---- Preloader-end---- */
/*---- Header-Area-start---- */
header{}

.logo-white > a, .logo-dark > a {
	color: #fff;
	font-size: 28px;
	text-transform: uppercase;
	font-weight: 700;
	margin-left:20px
}

.main-menu ul{padding-top:22px}

.main-menu ul li {
	display: inline-block;
	margin:0 2px
}
.main-menu ul li a {
	color: #000;
	border:1px solid #0b2962;
	display: block;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 1px;
	padding: 5px 10px;
	transition:.3s;
}
.main-menu ul li a:hover,.main-menu ul li.active a {color:#5e5e5e;}
.header-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	background-color:#fff
	
}
.header-area.header-middle.scroll-header, .novideo{
	position: fixed;
	background-color: rgba(256,256,256,0.8);
	border-bottom:1px solid #d5d5d5;
	transition: .3s;
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	z-index:50
}

.novideo .main-menu ul li a{color:#484848}
.novideo .logo-dark{display:block !important}
.novideo .svwhi i{color:#000 !important}

.header-area.header-middle ul li a:hover{color:#5e5e5e !important}
.topcont{padding-top:30px}
.topcont a{color:#000;font-size:20px;font-weight:400;}
.topcont a.toptell{margin-right:10px}
.topcont a.topcall{padding:5px 20px;border:2px solid #0b2962;transition:0.3s}
.topcont a.topcall:hover{transition:0.3s;border:2px solid #22ced2;color:#22ced2}
/*---- Header-Area-end---- */



/* ---------------- mobile menu ---------------- */
.sidenav {
	height: 100%;
	width: 270px;
	position: fixed;
	z-index: 100;
	top: 0;
	right: -270px;
	background-color:rgba(256,256,256,1);
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}
.sidenav.opened{right:0px;}
.sidenav a {
	padding: 10px 10px 10px 20px;
	text-decoration: none;
	font-size: 25px;
	color: #000;
	display: block;
	transition: 0.3s;
}
.sidenav a:hover {color: #f1f1f1;}
.sidenav .closebtn {
	position: absolute;
	top: -8px;
	right: 0px;
	font-size: 38px;
	margin-left: 50px;
}
#mainmnu, #mainmnu1{transition: margin-left .5s;float:right;}
#mainmnu img, #mainmnu1 img{width:30px !important;}

.svwhi, .svbla{z-index:20}
.sidenav {padding-top: 0px;}
.sidenav a {font-size: 22px;}
.svwhi{float:right}
.svwhi i{
	color:#000;
	font-size:26px;
	padding:10px;
	float:right;
	margin-top:4px
}
.sidenav i{margin-right:15px;}
.scroll-header .sidenav a{color:#000}
/* ---------------- /mobile menu ---------------- */

/*---- Slider-Area-start---- */

.topbanner-area{
	width:100%;
	height:900px;
	background-image:url(./img/topbanner.jpg);
	background-size:cover;
	background-position:50% -30%;
	position:relative
}

.logo-white img{width:450px;padding:10px}

.toptel a{display:block;color:#fff;font-size:18px;margin-bottom:8px;}
.toptel i{margin-right:10px}

.maintext {
	position:absolute;
	top:230px;
	left:600px
}
.maintext span{display:table;background-color:#fff;text-transform:uppercase;margin-bottom:10px;font-size:32px;padding:2px 10px}
.maintext span.surname{color:#0b2962}
.maintext span.name, .maintext span.patronymic{color:#0b2962}
.maintext a{color:#fff;background-color:rgba(89,102,204,0.7);padding:10px 30px;font-size:24px}

.maincallto{position:absolute;left:1050px;top:230px}
.maincallto h2{color:#0b2962;font-size:32px}
.maincallto span{background-color:rgba(256,256,256,0.8);color:#0b2962;font-size:36px;display:block;margin-bottom:3px;text-align:center}
.callform{background-color:#fff;padding:30px 25px}
.callform h3{font-size:30px;color:#000;font-weight:500}
.callform p{font-size:18px}

.maincallto input{width:90%;height:45px;padding-left:15px}

.maincallto .submitbl input{width:40%;padding:0}
.topformsub {background-color:transparent;border:3px solid #0b2962;color:#0b2962;font-size:20px;transition:0.3s}
.topformsub:hover{transition:0.3s;border:3px solid #22ced2;color:#22ced2}


*::-webkit-input-placeholder {
    color: #848484;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #848484;
    opacity: 1;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #848484;
    opacity: 1;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #848484;
}
*::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #848484;
}
*::placeholder {
    /* modern browser */
    color: #848484;
}

.calltoblock input[type=submit]{border-radius:0px;margin-top:20px}
.topsocial{text-align:center;margin-top:5px}
.topsocial i{font-size:30px;color:#0b2962;margin:10px;padding:15px;background-color:rgba(256,256,256,0.7);padding:15px 15px 15px 18px;border-radius:50px;width:60px;height:60px}
.topsocial i.fa-vk{padding:15px 15px 15px 12px}

/*edge section*/
section.edge{float:left;width:100%;position:relative;background-image:url(./img/edge.jpg);background-size:cover;background-position:100% 50%;padding:0}
section.edge .container-fluid.um{padding:100px 100px}
.container-fluid.um{padding:0 100px}
.videocontain {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.embedvideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.edgesingle img{width:55px;margin-bottom:20px}
.edgecontent h2{color:#000;margin-bottom:40px}
.edgesingle h3{color:#000;font-size:20px}
.edgesingle p{font-size:14px;line-height:22px}
.edgesingle{min-height:290px;padding:0}

.partners{float:left;width:100%;position:relative;background-image: -webkit-linear-gradient(to bottom, rgba(55,75,112,0.3), rgba(8,32,78,0.7) 100%);background-image: linear-gradient(to bottom, rgba(55,75,112,0.3), rgba(8,32,78,0.7) 100%);padding:50px 100px}
.partners h2{text-align:center;color:#fff;font-size:35px;padding:40px 0}
/*edge-end section*/

/*hwk section*/
section.hwk{float:left;width:100%;position:relative;background-image: -webkit-linear-gradient(to bottom, #ffffff, #f0f0f0 100%);
background-image: linear-gradient(to bottom, #ffffff, #f0f0f0 100%);padding:80px 0}
section.hwk .container-fluid{padding:0 200px}
section.hwk h2{color:#000;font-size:35px;text-align:center;margin-bottom:80px}
.singlehwk {margin-bottom:50px;position:relative;z-index:10}
.singlehwk h3{font-weight:600;color:#a5a5a5;text-align:left;margin-top: 10px}
.singlehwk img{display:table-cell;float:left;width:130px;padding:10px}
.singlehwk span{display:table-cell;text-align:left;width:400px;height:100px;font-size:16px;vertical-align:middle;padding:10px;background-image: -webkit-linear-gradient(to left, #dcf0fa, rgba(256,256,256,0.0) 100%);background-image: linear-gradient(to left, #dcf0fa, rgba(256,256,256,0.0) 100%);}
.dotteddots{position:absolute;border:1px dotted #D8D8D8;width:25%;left:100%;top:30%;transform:translate(-100%,-50%)}
.dotteddots.dotsright{left:105%}
.hwklogo{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);width:750px}
.hwklogo img{opacity:.1}
/*hwk-end section*/

/*stuff section*/
section.stuff{float:left;width:100%;position:relative;padding:80px 0;background-image:url(./img/stuff.jpg);background-position:100% 100%}
section.stuff .container-fluid{padding:0 250px}
section.stuff h2{color:#000;font-size:35px;text-align:center;margin-bottom:100px}
.owl-stuff h3{font-size:20px;text-align:center;margin-top:30px;color:#000}

.owl-stuff .owl-prev{position:absolute;top:30%;left:-70px;width:15px;height:100px;display:block !important;border:0px solid black}
.owl-stuff .owl-next{position:absolute;top:30%;right:-70px;width:15px;height:100px;display:block !important;border:0px solid black}

.owl-stuff .owl-prev i, .owl-stuff .owl-next i{
	font-size:60px;
	color:#4e4e4e
}

.owl-header .owl-prev, .owl-header .owl-next{display:inline}
.owl-header .owl-nav{display:none;text-align:center}
.owl-header .owl-prev i, .owl-header .owl-next i{width:35px;height:35px;background-color:rgba(256,256,256,0.5);border-radius:50px}
.owl-header .owl-prev{margin-right:5px}
.owl-header .owl-next{margin-left:5px}

.hwkcloud{position:absolute;top:-200px;right:50px}
.hwkcloud img{width:650px}
/*stuff-end section*/

/*gallery section*/
section.gallery {float:left;width:100%;position:relative;padding:60px 0}
section.gallery .container-fluid.gal{padding:0 250px}
section.gallery .container-fluid{padding:0}
section.gallery h2{color:#000;font-size:35px;text-align:center;margin-bottom:80px}
section.gallery p{color:#000;font-size:20px;line-height:30px;display:inline;cursor:pointer}
.qicon{display:inline}
.qicon i{font-size:20px;margin-left:10px;cursor:pointer}
section.gallery li{font-size:20px;color:#000;line-height:30px;list-style-type:disc}
.galleryphotos{float:left;width:100%;margin-top:50px;padding-bottom:100px;background-image: -webkit-linear-gradient(to bottom, #f9f9f9, #e7e7e7 100%);background-image: linear-gradient(to bottom, #f9f9f9, #e7e7e7 100%);}
.singlegal {padding:0 5px}
.secgal {float:left;width:100%;margin-top:10px}
/*pop-up*/
.portfolio-menu{margin-top:50px;margin-bottom:10px;direction:rtl;}
.portfolio-box{position:relative;overflow:hidden;}
.sin-portfolio-overlay{background:#333 none repeat scroll 0 0;height:100%;left:0;top:0;position:absolute;width:100%;opacity:0;transition:.3s;}
.sin-portfolio-icon{position:absolute;left:0;top:25%;right:0;text-align:center;transform:translateY(-50%);opacity:0;transition:.3s;}
.sin-portfolio-icon-mob{position:absolute;left:0;top:50%;right:0;text-align:center;transform:translateY(-50%);transition:.3s;}
.sin-portfolio-overlay-mob{background:#333 none repeat scroll 0 0;height:100%;left:0;top:0;position:absolute;width:100%;opacity:0.2;transition:.3s;}
.portfolio-box:hover .sin-portfolio-overlay{opacity:.35;}
.portfolio-box:hover .sin-portfolio-icon{opacity:1;top:50%;}
.sin-portfolio-icon a i.fa{font-size:24px;color:#fff;border:2px solid #fff;border-radius:50%;width:55px;height:55px;line-height:52px;margin-right:20px;transition:.3s;}
.sin-portfolio-icon a:hover i.fa{color:#fff;background-color:#333;border:2px solid #333;}
.sin-portfolio-icon-mob a i.fa{font-size:26px;color:#fff;border:2px solid #fff;border-radius:50%;width:65px;height:65px;line-height:64px;margin-right:20px;transition:.3s;}
.sin-portfolio-icon-mob a:hover i.fa{color:#fff;background-color:#333;border:2px solid #333;}
.portfolio-box img{width:100%;transform:scale(1);transition:.3s;}
.portfolio-box:hover img{transform:scale(1.15);}
.portfolio-menu button{border:none;padding:0px 8px 8px 8px;margin-bottom:12px;font-size:16px;text-transform:uppercase;line-height:17px;color:#000;background:transparent;transition:.3s;margin-left:5px;border-radius:0px;outline:none;}
.portfolio-menu button.active,.portfolio-menu button:hover{background:transparent;color:#000;border-bottom:1px solid #922bec}
.question{position:relative}
.qicon {border:1px solid #000;padding:10px 10px 5px 5px;margin-left:20px}
.answer{margin-top:30px}
/*pop-up-end*/
/*gallery-end section*/

/*testimonials section*/
section.testimonials{float:left;width:100%;position:relative;padding:0 0 130px 0}
section.testimonials h2{color:#000;font-size:35px;text-align:center;margin-bottom:80px}
/*testimonials-end section*/

/*callto section*/
section.callto{float:left;width:100%;position:relative;padding:130px 0;background-image:url(./img/callto.jpg);background-size:cover;background-attachment:fixed}
section.callto img{width:300px;opacity:0.7;float:left;display:inline}
section.callto h3{color:#fff;font-size:26px;text-transform:uppercase;line-height:36px;position:relative;top:40px;right:70px}
.twecallfield {display:inline}
.twadvice{float:left;width:100%}
.twadviceform{float:left;width:100%;margin-top:50px}
.twadviceform input{width:100%;padding:12px;font-size:16px}
.bottomsubmit{background-color:transparent;color:#fff;text-transform:uppercase;border:3px solid #9cf3fa;font-size:20px !important;padding:8px !important}
/*callto-end section*/

/*contact section*/
section.contmap{float:left;width:100%;position:relative}
section.contmap .container-fluid{padding:0}
.mapconts {background-color:rgba(256,256,256,0.9);position:absolute;left:80%;top:50%;transform:translate(-80%,-50%);padding:30px 40px}
.mapconts h2{color:#000;margin-bottom:20px}
.mapconts a{display:block;font-size:20px;margin-bottom:10px;color:#000}
.contfollow{margin-top:30px}
.contfollow h3{color:#000}
.contfollow a{display:inline}
.contfollow i{color:#000;font-size:30px;margin:0 10px}
/*contact-end section*/

/*footer section*/
section.footer{float:left;width:100%}
.futlogo img{width:400px;margin-bottom:10px}
p.copyright img{width:20px;position:realtive;top:5px}
p.copyright a{color:#000}
/*footer-end section*/

/*calltomodal*/
.callfields{padding:10px}
.callmodhead{padding:20px 0}
.booktable.modal{top:15%}
/*calltomodal-end*/

/*mobcall*/
.mobcall{position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}
.mobcall a{padding:5px 20px;border:2px solid #0b2962;font-size:18px;color:#000}
/*mobcall-end*/

/*lines*/
.partlines1{position:absolute;left:-180px;bottom:-20px}
.partlines2{position:absolute;right:10px;top:30px}
.partlines1 img{width:100px}
.partlines2 img{width:100px}

.hwklines{position:absolute;left:-100px;bottom:100px}
.hwklines img{width:130px}

.speclines1{position:absolute;left:-180px;bottom:-20px}
.speclines2{position:absolute;right:10px;top:30px}
.speclines1 img{width:100px}
.speclines2 img{width:100px}

.testilines{position:absolute;left:-180px;top:-120px}
.testilines img{width:100px}

.calllines{position:absolute;right:10px;top:30px}
.calllines img{width:100px !important}
/*lines-end*/

/*thankyou*/
.thank{
	float:left;
	height:100vh;
	width:100%;
	background-image:url(/img/edge.jpg);
	background-size:cover;
	background-attachment:fixed;
	background-position:0% 50%;
}
.thanktext {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	color:#fff;
	font-size:50px;
	line-height:60px;
	padding:80px 40px;
	background-color:rgba(256,256,256,0.8);
	border-radius:10px
}

.thanktext h1{margin-bottom:50px;color:#000}
.thanktext h2{color:#000}
.check i{font-size:60px;color:green;margin:30px 0}
.thanktext a{font-size:26px;color:#000;text-transform:uppercase;border:2px solid #000;padding:15px 50px;border-radius:50px;position:relative;top:30px}
/*thankyou-end*/