html { overflow-y: scroll; }
body {
margin: 0;
font-size: 18px;
min-height:100%;
font-family: 'proximanovalight';
color: #000000;
overflow:hidden;
} 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
select{-moz-appearance:none;appearance:none; background:none;}
.select-icon .wpcf7-form-control-wrap{ background:url(//thegrandromania.com/wp-content/themes/the_begining/images/arrow-grey.png) no-repeat 96% center;}
button, input, select, textarea {
font-family: sans-serif; color: #4d515d;
} 
p {
margin:0;
padding:10px 0;
line-height:26px;
}
a {
margin:0;
padding:0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration:none;
color:#220175;
}
a:hover, a:active {
outline: 0;
}
a img {
border:0 none;
}
button, input, select, textarea {
margin: 0; }
button { width: auto;
overflow: visible;
}
ul, ol {
margin: 0;
padding: 0;
list-style:none;
}
*{ margin:0; padding:0; box-sizing:border-box;}
img{ border:none; max-width:100%;}
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-family: 'proximanovalight';
font-weight:600;
color:#951f15;
}
h1 { font-size:80px; }
h2 { font-size:45px; color:#951f15; }
h2 span{font-family: 'promianovabold'; font-weight:bolder; color:#951f15;}
h3 { font-size:36px; }
h4 { font-size:30px; }
h5 { font-size:24px; }
h6 { font-size:20px; }
.wrapper{ max-width:1500px; width:100%; margin:0 auto; }
.btn, input[type="submit"]{ transition: all .5s ease 0s; border-radius:1000px;color:#355fac; border:2px solid #355fac; font-size:16px; padding:13px 30px; font-family: 'promianovabold'; display:inline-block;}
input[type="submit"]{ padding-top:0; padding-bottom:0; background:none; cursor:pointer;}
.btn:hover, input[type="submit"]:hover{ background:#355fac; color:#fff;}
.btn-white{ border-color:#873a15; color:#fff;}
.btn-white:hover{ background:#873a15; color:#fff;}
.btn.purple, input[type="submit"]{ border-color:#951f15; color:#951f15; box-shadow:0px 3px 5px #951f15 }
.btn.purple:hover, input[type="submit"]:hover{ background:#951f15; color:#fff;}
.header-bc{ position:fixed; top:0; left:0; float:left; width:100%; background:#3d0800; z-index:6; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.header{ float:left; width:100%;}
.logo{ float:left;margin-top:10px;padding-left:30px;}
.nav{ float:right;}
.nav ul{ float:left;}
.nav ul li{ float:left; position:relative;}
.nav ul li a{ padding:15px 0px; border-bottom:1px solid transparent; margin:25px 25px 0 25px; color:#fff; display:block; font-size:13px; text-transform:uppercase; letter-spacing:1px; font-family: 'proximanovasemibold';}
.nav ul li.career{ margin-top:25px; margin-left:25px;}
.nav ul li.career a{padding:0; background:#32cd32; color:#fff; padding:13px 24px; border-radius:1000px;}
.nav ul li.career a:hover{ background:#0689d8; color:#fff;}
.nav .menu-main-menu-container > ul > li a:hover, .nav .menu-main-menu-container > ul > li:hover > a, .nav .menu-main-menu-container > ul > li.current-menu-item > a, .nav .menu-main-menu-container > ul > li.current-menu-parent > a, .nav .menu-main-menu-container > ul > li.current-menu-parent li.current-menu-item a{ background:none; color:#fff;}
.nav > span{ float:left; margin-top:34px; margin-left:25px;}
.nav ul > li.menu-item-has-children:hover > a{color:#fff;background: #f5f5f5 url(//thegrandromania.com/wp-content/themes/the_begining/images/arrow-menu.png) no-repeat scroll center bottom;transition: none;}
.nav ul > li:hover > ul {
display: block;
margin-top: -3px;
opacity: 1;
}
#click-menu.overlay{margin-top:32px !important; position:fixed;}
.nav ul > li > ul {
background: #0689d8 none repeat scroll 0 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
display: none;
left: 0;
margin-top: 20px;
opacity: 0;
position: absolute;
top: 100%;
transition: all 0.3s ease 0s;
width: 19.8125rem;
z-index: 200;
}
.nav ul {
float: left;
}
.nav ul > li::before {
background: #0689d8 none repeat scroll 0 0;
bottom: 0;
content: "";
height: 0;
opacity: 0;
position: absolute;
transition: all 0.3s ease 0s;
width: 100%;
}
.nav ul > li::after {
bottom: 0;
content: "";
display: block;
height: 0.625rem;
left: 50%;
margin-left: -0.65625rem;
opacity: 0;
position: absolute;
transition: all 0.3s ease 0s;
width: 1.3125rem;
}
.nav ul > li > ul li {
background: #0689d8 none repeat scroll 0 0;
border-bottom: 0.0625rem solid #0a79c2;
width: 100%;
}
.nav ul > li a {
color: #fbf9a1 !important;
display: block;
transition: all 0.3s ease 0s;
}
.nav ul > li > ul li a {
color: #ffffff;
font-size: 0.8125rem;
padding: 0.9375rem;
width: 100%;
}
.headerup{float:left; width:100%; background:#560c01; padding:5px 0;}
.rcontact{float:right;margin-top:5px;}
.phon{display:inline-block; vertical-align:middle; text-align:center; margin:0 10px;}
.phon a{ color:#fbf9a1; font-family:'proximanovalight'; letter-spacing:1px;}
.short-wrapper{width:70%; margin:0 auto;}
.what-we-are{float:left; width:100%; padding:50px 0; text-align:center; display:none;}
#scroll{ float:left; width:100%;}
.nav ul > li a:hover, .nav ul > li a.active{border-bottom:1px solid;}
.current-menu-item a{border-bottom:1px solid !important;}
.banner-bc{ float:left; width:100%;}
.banner{ display:table; width:100%; height:600px; position:relative;}
.banner-bc.inner-banner .banner{}
.banner-bc.inner-banner h2{ color:#fff; font-weight:normal;}
.banner:after{ background:rgba(0,0,0,0.4); position:absolute; width:100%; height:100%; z-index:1; content: ""; left:0; top:0;}
.banner-bc.inner-banner .banner:after{ background:rgba(11, 9, 61, 0.65);}
.banner-area{ float:left; width:100%; position:relative;}
.banner-area .slick-dots{ top:45%; bottom:auto; width:auto; right:2%; left:auto;}
.banner-area .slick-dots li{ display:block; margin: 0 0 10px;}
.banner-area .slick-dots li button{ background:#fff;}
.banner-area .slick-dots li.slick-active{ margin-left: -2px;}
.banner-area .slick-next{ right:4% !important; left:auto; bottom:40px; top:auto; background:url(//thegrandromania.com/wp-content/themes/the_begining/images/banner-prev.png) no-repeat !important; width:28px; height:31px;}
.banner-area .slick-prev{ right:0; left:auto; bottom:10px; top:auto; background:url(//thegrandromania.com/wp-content/themes/the_begining/images/banner-next.png) no-repeat !important; width:28px; height:31px;}
.banner-area .slick-prev::before, .banner-area .slick-next::before{ content:"";}
.banner-area .slick-arrow{ z-index: 10; right:2%; opacity:1 !important;}
.banner-text{ position:relative; display:table-cell; text-align:center; width:100%; color:#fff; z-index:2; display:table-cell; height:100%; vertical-align:middle;padding-top:100px}
.banner-text span{ clear:both; display:block;}
.banner-text-main{ float:left; width:100%; position:relative;}
.banner-text-main .mouse{ position:absolute; bottom:25px; text-align:center; z-index:12; left:50%; margin-left:-16px; display:none;}
.bel-foot{border-top:1px solid #9a9a9a;padding:5px 0; float:left; width:100%;}
.upper-banner{ font-size:20px;}
.center-banner{ font-family: 'Tungsten-Light'; text-transform:uppercase; font-size:150px; line-height: 140px;}
.bottom-banner{ text-transform:uppercase; font-size:21px;}
.banner-area.slick-slider{ margin-bottom:0px;}
.banner-area:after{ left:0; z-index:1; position:absolute; content:''; height:62px; width:100%; bottom:0;}
.inner-banner .banner{height:400px;}
.contt{padding:50px 0;}
.container{ float:left; width:100%;}
.left-area{ float:left; width:48%;}
.right-area{ float:right; width:48%; position:relative;}
.orange-line{ position:absolute; right:0; top:120px; background:#f17030; height:10px; width:50%; z-index:1; display:none;}
.welcome-area{ float:left; width:100%; position:relative; padding-left:30px; padding-right:0px; padding-top:30px; padding-bottom:30px;}
.welcome-area .left-area{ float:left;}
.icon-area{ position:absolute; background:url(//thegrandromania.com/wp-content/themes/the_begining/images/twopart.png) no-repeat; height:456px; width:440px; top:0; right:0;}
.home-first-image{ float:left; width:80%; height:500px; margin-left:60px; position:relative; z-index:3; border: 20px solid #e0dfdf; }
.home-second-image{ width:412px; height:299px; position:absolute; bottom:-150px; right:0; z-index:4; display:none;}
.service-area-bc{ float:left; width:100%; background:#224077; position:relative;}
.service-area-bc .container{ padding:130px 0 0; position:relative; z-index:1; text-align:center; overflow:hidden;}
.service-area-bc h2{ color:#fff;}
.line-area{ float:left; width:100%; padding:20px 0 0;}
.line-area img{ display:inline-block; vertical-align:top;}
.service-area-bc ul li { vertical-align:top; display: inline-table; height: 21.25rem;position: relative;text-align: center;width: 24%;}
.service-area-bc ul li .hexagon {cursor: pointer;height: 21.25rem;overflow: hidden;transform: rotate(120deg);visibility: hidden;width: 18.125rem;}
.service-area-bc ul li .hexagon .hex1 {
height: 100%;
overflow: hidden;
transform: rotate(-60deg);
width: 100%;
}
.service-area-bc ul li .hexagon .hex1 .hex2 {
background-size: cover !important;
height: 100%;
position: relative;
transform: rotate(-60deg);
visibility: visible;
width: 100%;
transition: all .5s ease 0s;
}
.service-area-bc ul li .hexagon .hex1 .hex2 > div::after {
background: #00467f none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
}
.service-area-bc ul li .hexagon .hex1 .hex2 > div .bc-text-builder {
display: table-cell;
height: 100%;
position: relative;
vertical-align: middle;
width: 100%;
z-index: 1;
}
.service-area-bc ul li .hexagon .hex1 .hex2 > div .bc-text-builder img {
display: inline-block;
margin-bottom: 0.9375rem;
}
.service-area-bc ul li .hexagon .hex1 .hex2 > div:hover::after {
background: #f17030 none repeat scroll 0 0;
}
.service-area-bc ul li .hexagon .hex1 .hex2 > div {
display: inline-table;
height: 100%;
padding: 0 0.9375rem;
vertical-align: middle;
width: 100%;
transition: all 2s ease 0s;
}
.service-area-bc ul li .hexagon .hex1 .hex2 > div .bc-text-builder .service-head-area {
display: inline-block;
color:#fff;
text-transform:uppercase;
font-size:20px;
font-family: 'proximanovasemibold';
}
#responsive-menu{position:fixed !important;}
.l-contact{float:left;}
.l-contact ul{}
.l-contact ul li{display:inline-block; vertical-align:middle; margin:5px 5px 0 5px;}
.l-contact ul li a{}
.bel-foot{float:left; width:100%; background:#1e1f21;}
.copy-right{float:left; color:#fbf9a1; margin-top:5px; font-size:15px;padding-left:30px;}
.right-soc{float:right; margin-top:5px;padding-right:30px;}
.right-soc ul li{display:inline-block; vertical-align:middle; margin:0 5px; }
.service-area-bc ul li .hexagon .hex1 .hex2 > div:hover .bc-text-builder > div{ display:block !important;}
.service-area-bc ul li .hexagon .hex1 .hex2 > div.bottom-area-hex .bc-text-builder .service-head-area{ padding:4px 0; border-bottom:1px solid #fff; border-top:1px solid #fff;}
.service-area-bc ul li .hexagon .hex1 .hex2:hover > div.top-area-hex{ margin-top:-400px;}
.service-area-bc:after{ position:absolute; content:''; height:62px; width:100%; background:url(//thegrandromania.com/wp-content/themes/the_begining/images/bottom-white.png) no-repeat center bottom / cover; bottom:0; left:0;}
.service-area-bc:before{ position:absolute; content:''; height:62px; width:100%; background:url(//thegrandromania.com/wp-content/themes/the_begining/images/top-white.png) no-repeat center bottom / cover; top:0; left:0;}
.blog-selection{ background:#f1f1f1;}
.blog-selection ul{}
.blog-selection ul .slick-list li > div, .blog .blog-selection ul > li > div{ background-position:center; background-size:cover; float:left; width:100%; height:250px;}
.blog-selection ul .slick-list li, .blog .blog-selection ul > li{  font-family: 'proximanovalight'; text-align:center; width:24%; float:left;}
.blog-selection ul .slick-list li > span, .blog .blog-selection ul > li > span{ padding:20px 20px 42px; display:inline-block; text-align:left; background:#fff; margin-bottom: -22px;}
.blog-selection ul .slick-list li h6, .blog .blog-selection ul > li h6{ color:#0689d8; font-size:20px;font-family: 'proximanovalight'; text-transform:none;}
.blog-selection ul li p{ font-size:16px; line-height:20px; color:#303030;}
.blog-selection ul li a{ box-shadow:0px 0px 7px #94cbff;}
.blog-selection ul .slick-list li, .blog .blog-selection ul > li{ padding-right:20px; padding-left:20px;}
.blog-selection ul{ padding-right:20px; padding-left:20px;}
.blog-selection .btn-blog:after{ background: rgba(0, 0, 0, 0) url(//thegrandromania.com/wp-content/themes/the_begining/images/right_arrow_test.png) no-repeat scroll center center; content: ""; height: 100%;position: absolute; right: 12.5px; transition: all 0.3s ease 0s; vertical-align: middle; width: 1.5625rem;}
.blog-selection .btn-blog{background: #0689d8; overflow:hidden; border-radius: 1000px; display: inline-table; height: 3.5rem; min-width: 3.5rem;position: relative; text-align: center;transition: all 0.3s ease 0s; vertical-align: bottom;}
.blog-selection .btn-blog span { display:none; bottom: -53px;height: 100%; left: 0; letter-spacing: 0.15625rem; opacity: 0.2; position: absolute; text-transform: uppercase; transition-delay: 0.2s; transition-duration: 0.2s;  transition-property: top, opacity;  vertical-align: middle; width: 200px;}
.blog-selection .btn-blog:hover span { display:block; color: #ffffff; opacity: 1; padding-right: 20px;top: 17px;}
.blog-selection .btn-blog:hover { min-width: 12.5rem;}
.contact-banner-bc{ background:url(//thegrandromania.com/wp-content/themes/the_begining/images/contact-image.jpg) no-repeat center center / cover; float:left; width:100%; height:550px;}
.contact-banner-bc p{font-family: 'promianovabold';text-transform:uppercase; font-size:14px;}
.contact-banner{ margin-top:200px; margin-left:200px; width:340px; float:left; text-align:center;}
.portfolio-section{ float:left; width:100%;display: table;}
.left_benchmark{ display:table-cell; width:50%; background:#fc6921; padding:30px 2%; height:400px; vertical-align:middle;}
.left_benchmark h4{ color:#fff; font-family: 'promianovabold';}
.left_benchmark p{ color:#fff;}
.right_benchmark{ display:table-cell; position:relative; width:50%;background:#fc6921; padding:30px 2%;}
.right_benchmark::after {
border-bottom: 3.5625rem solid rgba(0, 0, 0, 0);
border-left: 3.5625rem solid #fc6921;
border-top: 3.5625rem solid rgba(0, 0, 0, 0);
content: "";
height: 0;
left: 0;
margin-top: -3.4375rem;
position: absolute;
top: 50%;
width: 0;
}
.testimonial-main{ text-align:center;}
.testimonial{ display:inline-block; width:100%; border: 1px solid #fbf9a1; padding: 30px; max-width:100%;}
.testimonial .lazyloaded{display:none;}
.testimonial span.teti-main{ margin:30px 0; display:block;}
.testimonial p{ font-size:24px;font-family: 'proximanovaregular'; line-height:34px;color: #fbf9a1;}
.testimonial .testi-name{ font-size:20px; color:#fbf9a1;font-family: 'promianovabold'; display:block; }
.testimonial .testi-de{ font-size:16px; color:#fbf9a1; font-family: 'proximanovalight'; display:block; font-style:italic;}
.client-logo{ float:left; width:100%; padding:0 2%;}
.client-logo ul li{ float:left; margin:0 10px; text-align:center;}
.client-logo ul li img{ display:inline-block;}
.fortypx { padding-left: 2%;padding-right: 2%;}
.footer{ background:#434343; float:left; width:100%;display: table;} 
.foot-left{ display:table-cell; vertical-align:top; width:70%; padding-top:40px;padding-bottom:40px;}
.foot-left1{ width:100%; }
.foot-left ul li a{font-family: 'proximanovalight';}
.foot-left ul li{ margin-bottom:6px;} 
.foot-left .section{ float:left; width:33%; padding-right:4%;font-family: 'proximanovalight';}
.foot-left .section p, .foot-left .section a{ color:#fff; padding:0; font-family: 'proximanovalight';}
.foot-left h2{ color:#fff; margin-bottom:10px; font-size:25px;font-family: 'proximanovalight'; text-transform: none;}
.foot-left .section a:hover{ color:#fbf9a1;}
.foot-right{ display:table-cell; vertical-align:middle; width:30%; background:#3f3f3f; text-align:center; padding-top:40px;padding-bottom:40px;}
.foot-right h2{ color:#fff; font-size:25px;}
.foot-right span a{ margin:0 5px;} 
.foot-right span{ padding:10px 0; display:block;}
.foot-right ul{ margin-top:20px;}
.foot-right ul li{ display:inline-block; margin:0 3px;}
.foot-right p{ color:#c9c9c9;font-family: 'proximanovalight';}
.foot-mnn .current-menu-item a{border:none !important;}
.sidebar-top {
color: #fff;
z-index: 9999;
position: fixed;
right: 0;
top: 234px;
font-family: 'proximanovalight';
}
.sidebtn {
margin-top: -100px;
position: fixed;
right: 0;
top:50%;
z-index: 2000;
}
#horizontal div.element {
float:left;
width:180px;
height:75px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
background:#ce1d5a url(//thegrandromania.com/wp-content/themes/the_begining/images/video-aero.png) no-repeat center right;
float:right;
color:#fff;
margin-left:10px;
margin-bottom:10px;
position:relative;
overflow:hidden;
cursor:pointer;
clear:both;
}
#horizontal2 div.element {
float:left;
width:180px;
height:75px;
color:#fff;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
background:#eb8b23 url(//thegrandromania.com/wp-content/themes/the_begining/images/video-aero.png) no-repeat center right;
float:right;
margin-left:10px;
margin-bottom:10px;
position:relative;
overflow:hidden;
cursor:pointer;
clear:both;
}
#horizontal3 div.element {
float:left;
width:180px;
height:75px;
color:#fff;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-bottomleft: 8px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
background:#1897d4 url(//thegrandromania.com/wp-content/themes/the_begining/images/video-aero.png) no-repeat center right;
float:right;
margin-left:10px;
margin-bottom:10px;
position:relative;
overflow:hidden;
cursor:pointer;
clear:both;
}
.sidebtn .element .b_font{ color:#fff; font-size:13px;}
.sidebtn .element{ padding:10px 0 10px 10px;right: -106px;transition: all .5s ease 0s;}
.sidebtn .element:hover{ right:0;}
.sidebtn .element .wrap{}
.sidebtn .element .wrap .init{}
.sidebtn .element .wrap .short{}
.sidebtn .element .wrap .short .b_font{}
.sidebtn .element .wrap .short .b_font span{ width: 70px; float:left;font-family: 'proximanovaregular';}
.sidebtn .element .wrap .short .b_font img{ margin: 0 0 0px 12px;}
.header .nav .menu-main-menu-container{ float:left;}
.blog.blog-selection ul li{ margin-bottom:20px;}
.left-contact{ float:left; width:60%; margin-left:30px;}
.right-contact{ float:right; width:35%;}
.right-contact h3{ color:#fff; margin-bottom:10px; text-transform:none;color:#fbf9a1;}
.right-contact h4, .right-contact h5{ color:#fff;}
.right-contact ul li{ float:left; width:100%; border-top:1px dashed #fff; padding:10px 0;}
.right-contact ul li a{ color:#fff; transition: all .5s ease 0s;}
.right-contact ul li .recent-img{transition: all .5s ease 0s; opacity:0.7; float:left; width:22%; background-position:center center; background-size:cover; height:80px; background-color:#000;}
.right-contact ul li .recent-text{ float:right; width:75%;}
.right-contact ul li .recent-text p{ padding:0;}
.right-contact ul li .recent-text h5{ font-size:18px; font-family: 'promianovabold';}
.oranger-part-contact.blog-area-single{ padding:20px 0 0;}
.oranger-part-contact.blog-area-single h3{ padding:0 20px;}
.oranger-part-contact.blog-area-single ul li{ padding:0;}
.oranger-part-contact.blog-area-single ul li a{ padding:20px; float:left; width: 100%;}
.oranger-part-contact.blog-area-single ul li a:hover{ background:#2e2e2e;}
.right-contact ul li a:hover .recent-img{ opacity:1;}
input, textarea, select{ padding:0 10px; width:100%; height:40px; border:1px solid #ccc;}
textarea{ height:100px;}
input[type="submit"]{ width:auto;}
.wpcf7-form{ float:left; width:100%;}
.wd50con{ float:left; width:49%; margin-top:10px;font-weight:bold;}
.wd50con.rg{ float:right;}
.wd100con{ float:left; width:100%; margin-top:10px;font-weight:bold;}
.oranger-part-contact{ margin-bottom:30px; background:url(//thegrandromania.com/wp-content/themes/the_begining/images/testimonial-image.jpg) no-repeat center /cover; padding:20px; float:left; width:100%; color:#fff;border:20px solid #e0dfdf;}
.oranger-part-contact h4{ color:#fbf9a1; font-size:16px; text-transform:none;font-family: 'promianovabold';}
.oranger-part-contact p{color:#fbf9a1;}
.map-area{ float:left; width:100%;}
.map-area li{ display:table-cell; width:25%; padding:20px;} 
.map-area li:nth-child(1n){ background:#f8f8f8;}
.map-area li:nth-child(2n){ background:#f1f1f1;}
.map-area li h4{ font-size:16px; margin-top:20px;}
.map-area li p{ line-height:20px; font-size:13px;}
.about-icon{ float:left; width:100%; text-align:center;}
.about-icon img{}
.about-icon > span{ display:inline-block; width:12.4375rem; height:12.4375rem; border-radius:10000px; border:1px solid #b0babf;}
.about-icon > span > span{ display:inline-block; width:8.5625rem; height:8.5625rem; margin-top:31px; border-radius:10000px;border:2px solid #b0babf;}
.about-icon > span > span > span{ width:100%; height:100%; display:block; background:url(//thegrandromania.com/wp-content/themes/the_begining/images/icon-spark.png) no-repeat center center;}
.agent .about-icon > span > span > span{ background:url(//thegrandromania.com/wp-content/themes/the_begining/images/agents-icon.png) no-repeat center center;}
.about-image{ min-height:400px; padding-bottom:100px; float:left; width:100%; text-align:center;margin-top:200px;} 
.about-image .about-color-image{ margin-top:-100px; background:#ffcc33; display:inline-block; padding:40px; width:70%;}
.about-image .about-color-image p{ color:#3f3f3f;}
.about-image .about-color-image h2{ color:#1c3665; font-family: 'proximanovalight';}
.about-page{  background:url(//thegrandromania.com/wp-content/themes/the_begining/images/circle.png) no-repeat center -150px;}
.agent .about-image .about-color-image{ background:#ff7c1f;}
.agent .about-image .about-color-image p{ color:#fff;}
.agent .about-image .about-color-image h2{ color:#fff; font-family: 'proximanovalight';}
.agent.container{ padding-bottom:0;}
.product-page{ padding-bottom:0;}
.product-page .product{ float:left; width:100%; text-align:center;}
.product-page .left_benchmark{ background:#f4f4f4;}
.product-page .right_benchmark::after{ border-left-color:#f4f4f4;}
.product-page .portfolio-section:nth-child(2n) .left_benchmark{ background:#fff;}
.product-page .portfolio-section:nth-child(2n) .right_benchmark::after{ left:auto; right:0; border-right: 3.5625rem solid #fff; border-left:none;}
.product-page .left_benchmark h4{ color:#220175;font-family: 'proximanovalight'; font-size:36px;}
.product-page .left_benchmark p{ color:#4d515d;} 
.product-page .probtn{ font-size:14px; color:#9f1d26; padding-right:90px; font-family: 'promianovabold';background:url(//thegrandromania.com/wp-content/themes/the_begining/images/arrow.png) no-repeat center right;}
.services-page ul li {
background: #f2f3f4 none repeat scroll 0 0;
float: left;
height: 360px;
margin-bottom: 1.4%;
margin-left: 1.4%;
text-align: center;
width: 23.6%;
}
.services-page ul li .list-box-wrapper .list-content {
color: #1c3665;
padding-top: 25px;
}
.services-page ul li:hover .list-box-wrapper .list-content{ padding-top:40%;}
.services-page ul li .list-box-wrapper .list-content h3::after {
background: #0689d8 none repeat scroll 0 0;
content: " ";
display: block;
height: 0.1875rem;
margin: 0.625rem auto 0;
width: 2.9375rem;
}
.services-page ul li .list-box-wrapper .list-content h3 {
font-size: 17px;
font-weight: 200;
line-height: 25px;
padding: 0 12px 16px;
}
.services-page ul li .list-box-wrapper .list-content h4 {
font-size: 20px !important;
margin-bottom: 20px !important;
margin-top: -16px !important;
text-transform: uppercase !important;
}
.services-page ul li .list-box-wrapper .list-content a {
border-color: #32cd32;
color: #32cd32;
display: none;
padding: 9px 20px;
vertical-align: middle;
}
.services-page ul li .list-box-wrapper .list-content .overlay {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: none;
filter: brightness(0.5) contrast(1.2);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.services-page ul li:hover {
transform: scale(1.1);
transition: all 0.3s ease-in-out 0s;
z-index: 222222;
}
div.wpcf7-mail-sent-ok{border:none !important;    color: green;
font-weight: bold; letter-spacing: 1px;
padding-left: 0 !important; display: inline-block !important;}
div.wpcf7-mail-sent-ng, div.wpcf7-aborted{border:none !important;}
.services-page ul li:hover .list-box-wrapper .list-img {
display: none;
}
.services-page ul li .list-box-wrapper .list-img { height:227px; width:100%; background-position:center center; background-size:cover;}
.services-page ul li:hover .list-box-wrapper .overlay {
display: inline;
}
.services-page ul li:hover .list-box-wrapper::after {
background-color: #0689d8;
content: "";
height: 100%;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.services-page ul li:hover .list-box-wrapper .list-content h3::after {
background: #84e658 none repeat scroll 0 0;
}
.services-page ul li:hover .list-box-wrapper .list-content h3{ color:#fff;}
.services-page ul li .list-box-wrapper .list-content a{ border-radius:1000px; padding:15px 20px; border: 1px solid #32cd32;border-radius: 1000px;
padding: 7px 22px;}
.services-page ul li .list-box-wrapper .list-content a:hover{ background:#32cd32; color:#fff;}
.services-page ul li:hover .list-box-wrapper .list-content a {
display: inline-block;
margin-top: 0;
}
.services-sub-page{ display:table; padding:0;}
.services-sub-page .left-services-sub{ display:table-cell; width:50%; padding:2%;}
.services-sub-page .right-services-sub{ display:table-cell; width:50%;}
.center-services-sub-page{ background:rgb(11, 9, 61);}
.center-services-sub-page{ color:#fff;}
.center-services-sub-page .wrapper{ width:70%; text-align:center;}
.profile-text-list.center-services-sub-page{ background:#f4f4f4;}
.profile-text-list.center-services-sub-page{ color:#4d515d;}
.profile-text-list.center-services-sub-page .wrapper{ width:96%; text-align:left;}
.profile-text-list.center-services-sub-page ul{ margin-top:10px;}
.profile-text-list.center-services-sub-page ul li{ padding:0 14px; margin:5px 0; display:inline-block; vertical-align:top; width:49%;}
.profile-text-list.center-services-sub-page ul li{ padding-left:14px; padding-bottom:5px; background:url(//thegrandromania.com/wp-content/themes/the_begining/images/list.png) no-repeat 0 6px;}
.wpcf7-validation-errors{border:none !important; color:red !important; padding-left:0 !important;}
#search-icon{ cursor:pointer;}
.search-area{ position:absolute; top:0;height:96px; left:0; width:100%; z-index:12; background:#fff; display:none;}
.search-area{ padding:2% 0;}
#cross-icon{cursor:pointer;position:absolute; z-index:2; right:2%; top:35px;}
.search-area .wrapper form > input, .search-area .wrapper form > label span{ display:none;}
.search-area .wrapper form input{ border:none; padding-right: 40px; font-size:20px;}
.search-img-nonno img{ display:none;}
.search-img-nonno article{ border-bottom:1px solid #ccc; margin-bottom:10px;}
.career-post li{ border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:20px;}
.career-post li:last-child{ border-bottom:none;}
div.wpcf7-validation-errors, .wd100confull{ float:left; width:100%;}
.apply-job-post{ cursor:pointer;} 
.application_details{ border:1px solid #ccc; padding:20px; margin-top:30px}
#click-menu .threeLines .line, #click-menu{ border-radius:1000px;}
body #click-menu img, body #click-menu .threeLines{ padding: 0 3px; box-sizing:content-box;}
.gallery-sec{ float:left; width:100%;padding:30px; transition: .3s ease-in all;}
.gal-pp{padding:0px; text-align:center;}
.gallery-sec ul{display:inline-block; text-align:center; width:100%;}
.gallery-sec ul li{ height:300px; width:23.3%; float:left; margin:10px;border:20px solid #e0dfdf;}
.testimonial-bc{ background:url(//thegrandromania.com/wp-content/themes/the_begining/images/testimonial-image.jpg) no-repeat center center / cover; float:left; width:100%; padding:30px;}
.gallery-sec ul li a:hover{opacity:0.5; color: #000;  }
.footer.before-foot{ background:#fff;}
.footer.before-foot .foot-left{ padding:0;}
.footer.before-foot .foot-right{ background:#fff;}
.footer.before-foot .foot-right p, .footer.before-foot .foot-right h2{ color:#000;}
.footer.before-foot iframe{ vertical-align:top;}
.upper-banner h2{ color:#fff; font-size:50px; text-transform:none;}
.upper-banner h2 span{ font-family: 'promianovabold';}
.gallery-sec ul li a{ display:inline-block; width:100%; height:100%;}
@media only screen and (min-width: 850px) and (max-width: 1250px) {
.service-area-bc ul li .hexagon{ width:200px; height:232px;}
.service-area-bc ul li .hexagon .hex1 .hex2 > div .bc-text-builder .service-head-area{ font-size:14px;}
.service-area-bc ul li{ height:auto;}
.service-area-bc ul li{ margin:10px 0;}
}
@media only screen and (max-width: 1100px) {
.nav ul li a{ padding: 40px 13px;}
.nav ul li.career, .nav > span{ margin-left:10px;}
.home-second-image{ display:none;}	
.home-first-image{ width:95%; margin-left:5%;}
.center-banner{ line-height:normal; font-size:120px; line-height:110px;}
.map-area li{ float:left; width:50%;}
}
@media only screen and (min-width: 900px) and (max-width: 1150px) {
.foot-left .section{ width:100%; margin-bottom:20px;}
.foot-left{ width:60%;}
.foot-right{ width:40%;}
}
@media only screen and (max-width: 900px) {
.foot-left .section{ width:100%; padding:0; text-align:center; margin-bottom:20px;}
.foot-left{ width:100%; float:left;}
.foot-right{ width:100%; float:left;}
.contact-banner-bc{ height: 300px;}
.contact-banner{ width:300px; max-width:100%; margin-top:50px; margin-left:0;}
.right-contact, .left-contact{ width:100%;}
.right-contact{ margin-top:20px;} 
}
@media only screen and (max-width: 980px) {
.services-page ul li{ width:31%;}
}
@media only screen and (max-width: 850px) {
.service-area-bc ul li{ margin:10px 10px;}
.nav ul{ display:none;}
.testimonial{ width:100%;}
.right_benchmark{ float:left; width:100%; height:300px;}
.home-second-image{ display:block;}	
.home-first-image, .home-second-image{ width:65%; margin-left:0;}
.welcome-area .left-area, .welcome-area .right-area{ width:100%;}
.welcome-area .right-area{ margin-top:30px;}
.orange-line{ display:none;}
.left_benchmark{ height:auto; float:left; width:100%;}
.right_benchmark::after{ content:normal;}
.center-services-sub-page .wrapper{ width:96%;}
.services-sub-page .left-services-sub, .services-sub-page .right-services-sub{ float:left; width:100%;}
.services-sub-page .right-services-sub{ height:300px;}
.profile-text-list.center-services-sub-page ul li{ width:100%; padding-right:0;}
#click-menu{ right:7% !important;}
.gallery-sec ul li{ height:300px; width:100%; margin:0; padding:10px;}
.gallery-sec{padding:30px 0;}
}
@media only screen and (max-width: 500px) {
.home-first-image, .home-second-image{ width:100%;}
.home-second-image{ position:static; float:left; width:100%; margin-top:10px; display:none;}
.icon-area, .orange-line{ display:none;}
.service-area-bc .container{ padding:60px 0 0;}
body .services-page ul li{ width:100%; margin-left:0;}
#click-menu{ right:10% !important;}
.short-wrapper{width:95%;}
.upper-banner h2{margin-top:30px;}
}
@media only screen and (max-width: 768px) {
h1 { font-size:50px; }
h2 { font-size:30px; }
h3 { font-size:25px; }
h4 { font-size:21px; }
h5 { font-size:18px; }
h6 { font-size:16px; }
body{ font-size:13px;}
p{line-height: 25px;
font-size: 18px;
letter-spacing: 1px; color:#000;}
.line-area{ padding:10px 0;}
.btn{ padding: 8px 17px;}
input[type="submit"]{ padding-top:0; padding-bottom:0;}
.testimonial p{ font-size:16px; line-height:20px;}
.testimonial .testi-name, .testimonial .testi-de{ font-size:16px;}
.blog-selection ul .slick-list li h6, .blog .blog-selection ul > li h6{ font-size:16px;}
.blog-selection ul li p, .contact-banner-bc p{ font-size:13px;}
.service-area-bc ul li .hexagon .hex1 .hex2 > div .bc-text-builder .service-head-area{ font-size:18px;}
.bottom-banner, .upper-banner{ font-size:15px;}
.center-banner{ font-size:70px; line-height:70px;}
.banner{ height:500px;}
.banner-text{padding-top:0px;}
.banner-text-main .mouse img{ height:30px;}
.sidebar-top{ display:none;}
.upper-banner h2{ font-size:20px;}
.services-page ul li{ width:48%;}
.product-page .left_benchmark h4{ font-size:20px;}
.about-image .about-color-image{ width: 96%;}
.l-contact{float: left;
width: 30%;
text-align: center;
margin: 5px 0;}
.rcontact{text-align:center; width:68%;}
.phon{display:block;}
#click-menu.overlay{margin-top:52px !important;}
}
@media only screen and (max-width: 1024px) {
.blog.blog-selection ul li{ width:50%;}
}
@media only screen and (max-width: 640px) {
.blog.blog-selection ul li{ width:100%;}
.blog-selection ul .slick-list li, .blog .blog-selection ul > li{ padding-left:0; padding-right:0;}
.map-area li{ float:left; width:100%;}
.right-soc{width:100%; text-align:center;}
.copy-right{float:left; width:100%; text-align:center;}
.banner-bc.inner-banner h2{margin-top:100px;}
}