/*Global CSS start*/
@charset "UTF-8";
body{background:#fff;background-repeat:repeat-x;padding:0;margin:0}h1{margin:0;color:#007fc2;font-family:Arial,sans-serif;font-size:24px;line-height:22px;font-weight:400;font-style:normal;padding-bottom:25px;padding-top:5px}h2{margin:0;color:#007fc2;font-family:Arial,sans-serif;font-size:20px;line-height:22px;font-weight:700;font-style:normal;padding-bottom:25px;padding-top:5px}#container{width:1100px;background:0 0;margin:auto;overflow:visible}#header{width:1100px;height:228px;margin:0;padding:0;text-align:center}#menu{width:1000px;height:44px;margin-top:10px;padding-left:100px;background-image:url(media/nav_background.gif)}#menu ul{margin:0}#menu li{display:inline;font-family:Arial,Helvetica,sans-serif;font-size:14px;margin:0;list-style-type:none}#menu a:link{text-decoration:none;color:#fff}#menu a:visited{text-decoration:none;color:#fff}#menu a:hover{text-decoration:none;color:#ddd}#menu a:active{text-decoration:none;color:#ddd}ul{list-style:none;padding:0;margin:0}ul li{display:block;position:relative;float:left}li ul{display:none}ul li a{display:block;background:#007fc2;padding:13px 15px 9px 15px;text-decoration:none;text-align:left;white-space:nowrap;color:#fff}ul li a:hover{background:#007fc2}li:hover ul{display:block;position:absolute}li:hover li{float:none;width:200px}li:hover a{background:#007fc2}li:hover li a:hover{background:#acadb1;color:#fff}#drop-nav li ul li{border-top:0}#image{width:1100px;height:310px;margin:0;padding:0}#image2{width:1100px;height:310px;margin-bottom:25px;padding:0}#page_title{width:200px;height:200px;margin-top:-220px;margin-left:780px;padding:0}#page_title2{width:300px;height:170px;margin-top:-195px;margin-left:780px;padding:0;color:#fff;font-size:24px;font-family:Arial,sans-serif}
#slider{width:1100px;height:160px;background-image:url('/media/gcw_slider_1.jpg');background-position:0;background-repeat:repeat-x;-webkit-animation:myanim 25s infinite linear;-moz-animation:myanim 25s infinite linear;-o-animation:myanim 25s infinite linear;animation:myanim 25s infinite linear}@-webkit-keyframes myanim{0%{background-position:0}100%{background-position:1100px}}@-moz-keyframes myanim{0%{background-position:0}100%{background-position:1100px}}@-o-keyframes myanim{0%{background-position:0}100%{background-position:1100px}}@keyframes myanim{0%{background-position:0}100%{background-position:1100px}}#sidebar{float:left;width:260px;margin-top:20px;margin-left:40px}#sidebar .title{color:#007fc2;font-family:Arial,serif;font-size:20px;font-style:normal;padding-bottom:10px}#sidebar a:link{text-decoration:none;color:#007fc2}#sidebar a:visited{text-decoration:none;color:#007fc2}#sidebar a:hover{text-decoration:none;color:#ccc}#sidebar a:active{text-decoration:none;color:#ccc}#sidebar p{margin:0;color:#666;font-family:Arial,sans-serif;font-size:14px;line-height:20px}.list{padding-bottom:5px}#content{float:left;margin-top:20px;margin-bottom:20px;margin-left:85px;padding-right:50px;width:600px;border-right:solid 1px;border-right-color:#007fc2;font-style:italic}#content_gallery{float:left;margin-top:20px;margin-bottom:20px;margin-left:115px;padding-right:50px;width:900px;height:1000px}#content_gallery p{margin:0;color:#666;font-family:Arial,sans-serif;font-size:14px;line-height:24px;font-weight:700}#content_gallery a:link{text-decoration:none;color:#007fc2}#content_gallery a:visited{text-decoration:none;color:#007fc2}#content_gallery a:hover{text-decoration:none;color:#ccc}#content_gallery a:active{text-decoration:none;color:#ccc}#content_home{float:left;margin-top:20px;margin-bottom:20px;margin-left:85px;padding-right:50px;width:600px;border-right:solid 1px;border-right-color:#007fc2}#content p{margin:0;color:#666;font-family:Arial,sans-serif;font-size:14px;line-height:24px;font-style:italic;font-weight:700}#content .name{line-height:36px}#content .job{line-height:8px}#content_home .homepage{margin:0;color:#666;font-family:Arial,sans-serif;font-size:16px;line-height:30px}#content_home img{float:right}#content a:link{text-decoration:none;color:#007fc2}#content a:visited{text-decoration:none;color:#007fc2}#content a:hover{text-decoration:none;color:#ccc}#content a:active{text-decoration:none;color:#ccc}#content ol{margin:0;color:#666;font-family:Arial,sans-serif;font-size:14px;line-height:24px;font-style:normal}#content li{margin:0;color:#666;font-family:Arial,sans-serif;font-size:14px;line-height:24px;font-style:normal;list-style-type:disc}#content ul{margin:0;color:#666;font-family:Arial,sans-serif;font-size:14px;line-height:24px;font-style:normal;margin-left:20px}.price{margin:0;color:#666;font-family:Arial,sans-serif;font-size:13px}#footer{clear:both;width:930px;margin:auto;padding-left:85px;padding-right:85px}#footer p{margin:0;color:#aaa;font-family:Arial,sans-serif;font-size:11px}#container #content p{font-weight:400}#container #content p{font-style:normal}
.rightlogo_img img{
  width: 100%;
  margin: 20px auto;
  max-width: 260px;
  display: block;
}
body #menu {
    width: 1000px !important;
}
.current_opening_fileds input:not([type="submit"]):not([type="checkbox"]),
.current_opening_fileds textarea {
    box-sizing: border-box;
    max-width: 330px;
    width: 100%;
}
.resources_front p{
    word-break: break-all;
}
.mob_header{
    display: none;
}
.gtitle+.row{
    width: 100%;
}

/*blog page start*/
.blog-page .details-card * {
    box-sizing: border-box;
}
.blog-page .details-card .dtl {
    height: 85px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-page .details-card .card-content {
    margin-bottom: 20px;
    width: 100% !important;
}
.blog-page .details-card .card-content .card-img img {
    height: 110px;
    object-fit: contain;
}
.blog-page .details-card .card-content .card-desc h3 {
    font-size: 16px;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-page .details-card .card-desc .btn-card {
    background-color: #0080c3;
    color: #fff !important;
    margin: auto;
    text-align: center;
    display: block;
    max-width: 100px;
    padding: 6px 6px;
}
.blog-page .details-card .card-img {
    padding-top: 15px;
}
#content.blog-page .pagination {
    margin-left: 0px;
    margin-top: 10px;
}
.blog_details+#sidebar,
.blog-page+#sidebar {
    margin-top: 44px;
    width: 209px !important;
    margin-left: 20px;
}
.blog_details+#sidebar>.subsection>p>a,
.blog-page+#sidebar>p>a {
    color: #868686 !important;
    margin-bottom: 10px;
    display: block;
    padding-left: 11px;
}
.blog_details *, .blog_details {
    box-sizing: border-box;
}
.blog_details .card-content{
    width: 100% !important;
}
.blog_details .card-content p+h2 {
    margin-bottom: 0;
    padding-bottom: 10px;
    margin-top: 20px;
}
#sidebar .relatedimg {
    width: 100%;
    object-fit: cover;
}
#sidebar .rel-contain img {
    margin-bottom: 10px;
}
/*blog page end*/
.breadcums-gcw {
    margin-top: 20px;
    padding-right: 50px;
    width: 100%;
    font-size: 15px;
    font-style: normal;
    font-family: Arial,sans-serif;
    font-weight: 400;
    color: #666;
}

/*gallery page start*/
.gallery-visit-detail .thumb .thumbnail img{
    object-fit: cover;
}
#image-gallery img{
    object-fit: contain;
}
body .gtitle{
    background: #ffffff;
    color: #007fc2;
    text-transform: capitalize;
}
/*gallery page end*/


/*Global CSS end*/

/*=====================Responsive media max start=====================*/

/*for tablet landscape below*/
@media (max-width: 1199px) {
    *, ::after, ::before{
        box-sizing: border-box;
    }
    #container{
        max-width: 1100px;
        width: 100%;
        /*overflow: auto;*/
    }
    #image2 img,
    #image2,
    #footer,
    #header{
        padding: 0;
        width: 100%;
    }
   body #menu {
        padding-left: 100px;
        width: 100% !important;
    }
    #menu li a{
        padding: 13px 11px 9px 11px;
    }
    #page_title2{
        margin-left: auto;
    }
    #sidebar{
        width: 33%;
        margin-left: 2%;
        margin-right: 2%;
    }
    #content{
        margin-left: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    #footer{
        padding: 20px;
    }
    #footer .copyright_text{
        margin-top: 20px;
    }
    #slider,
    #image img,#image{
        max-width: 100%;
        overflow: hidden;
    }
    #content_home{
        margin-left: 3%;
    }
    #page_title {
        margin-top: -202px;
        margin-left: 740px;
    }
    .resources_front{
        margin-top: 0;
    }
}
/*for tablet landscape below*/
@media (max-width: 1024px) {
    body{
        margin: 0;
    }
}

/*for tablet portrait below*/
@media (max-width: 991px) {
    #sidebar{
        margin-right: 0;
    }
    #page_title {
        margin-top: -202px;
        margin-left: 700px;
    }
}

/*for small devices below*/
@media (max-width: 767px) {
    .mob_header .accordion{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        overflow: auto;
        height: auto;
        z-index: 999;
    }
    body.intro .mob_header .accordion{
        height: 100%;
    }
    body.intro:after {
        content: "";
        background-color: #007fc2;
        z-index: 99;
        display: block;
        width: 100%;
        height: 100%;
        display: block;
        position: fixed;
        left: 0;
        overflow: hidden;
        bottom: -80px;
    }
    body.intro{
        overflow: hidden;
    }
    .mob_header .accordion .item{
        /*height: 100%;*/
        /*overflow: auto;*/
    }

    #logo{
        margin-top: 50px;
    }
    #content_home,
    #content{
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    #page_title {
        margin-left: auto;
        width: auto;
        overflow: hidden;
        text-align: center;
    }
    .mob-delt{
        display: none;
    }
    #content_home .homepage{
        font-size: 14px;
        line-height: 24px;
    }
    #content_home, #content{
        margin-bottom: 0;
    }
    #sidebar{
        margin-left: 0;
        width: 100%;
    }
    #sidebar .title a img {
        width: 100%;
        height: auto;
    }
    #footer,
    .more_video-hm {
        padding-left: 15px;
        padding-right: 15px;
    }
    .more_video-hm br {
        display: none;
    }
    #footer p{
        font-size: 14px;
        line-height: 22px;
    }
    .iframe_hm{
        margin: auto;
    }
    #menu{
        position: relative;
    }
    .main_menu_list {
        display: flex;
        flex-direction: column;
        width: 100%;
        position: absolute;
        top: 0;
    }
    .sub_menu_list {
        display: flex;
        flex-direction: column;
        padding-left: 10px;
        background: #9d9ea2;
    }
    .header_section{
        display: none;
    }

    /*============== mob css start==========*/
    .mob_header{
        display: block;
    }
    .header_section{
        display: none;
    }
    .mob_header .accordion .item .heading {
        height: 44px;
        line-height: 45px;
        font-size: 16px;
        cursor: pointer;
        color: #fff;
        padding-left: 11px;
        background: #007fc2 url(media/arrow2.png) no-repeat;
        background-position: right 10px top -26px;
        font-family: 'Arial', 'sans-serif';
        background-size: 20px;
    }
    .open_menu_wrap{
        display: none;
        background-color: rgb(0, 127, 194);
    }
    .mob_header .accordion .item .content {
        padding: 10px;
        background: #007fc2;
        font-size: 16px;
        font-family: 'Arial', 'sans-serif';
    }
    .mob_header .accordion .item .content a {
        color: #fff;
        text-decoration: none;
    }
    .sub_menu_outer {
        display: flex;
        flex-direction: column;
    }
    #logo {
        max-width: 240px;
        margin-left: auto;
        margin-right: auto;
    }
    #image_banner {
        margin-bottom: -6px;
    }
    .mob_header .accordion .item .content>a {
        font-weight: 600;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #content_home + #sidebar .title{
        padding: 15px;
    }
    #text-banner{
        background-image: url("media/about_us_text.jpg");
        text-align: center;
        padding: 45px 0;
        background-position: 0 10px;
        background-size: cover;
        background-repeat: no-repeat;
        background-color: #007fc2;
    }
    .banner_textbttom {
        font-size: 22px;
        color: #fff;
    }
    #container #content p>img {
        width: 100%;
        display: block;
        height: 1px;
        background-color: #0078bd;
    }
    #sidebar {
        margin-left: 0;
        width: 100%;
        margin-top: 0;
    }
    .rightlogo_img img{
        margin: 0px auto;
    }
    table.oilpricenettable2 {
        margin: auto;
    }
    #content_home {
        margin-bottom: 15px;
    }
}
    /*============== mob css end==========*/

/*for mobile medium 414 below*/
@media (max-width: 736px) {
  .the-family-place-img {
    padding: 10px;
  }
  #container #content p.the-family-place-img img {
    height: initial !important;
    width: 47% !important;
    display: inline-block !important;
  }
  #container #content h1,
  #container .container.gallery-visit-list .pull-center h3 {
    text-align: center;
    color: #007fc2;
  }
  .CO_form.current_opening_fileds p input {
    border: 1px solid #666;
  }
  #map.map-wrap {
    max-width: 100%;
    overflow-x: scroll;
    height: auto;
    margin-bottom: 20px;
  }
  .space_pera {
    display: none;
  }
  body .gtitle {
    margin-left: auto;
    margin-right: auto;
  }
  .img-respons-wrap {
    margin-left: 0;
  }
  .resources_wrap {
    padding: 0 15px;
  }
  .content-area #content.blog-page,
  .content-area #content.blog_details {
    max-width: 850px;
    width: 100% !important;
    padding-right: 20px !important;
  }
  .blog-page .details-card .card-content {
    padding-bottom: 20px;
  }
  .blog_details+#sidebar, .blog-page+#sidebar {
    width: 100%;
    margin-left: 0;
  }
  .login_form_inner table {
    width: 100%;
  }
  .login_form_inner table button.btn.btn-login {
    margin-top: 15px;
  }
  .login_form_inner table input {
    width: 100%;
  }
  .video_section_page video {
    width: 100%;
  }
  .video_page_sidebar {
    padding: 0 15px;
  }
  .form-group_inline {
    display: inline-block;
    width: 100%;
    margin-right: 0;
  }
  .personalinfo input[type="submit"] {
    left: 0;
    right: auto;
    opacity: 1;
    background: #066ab5 !important;
    -webkit-appearance: none;
    line-height: 4px;
  }
  .form-group_inline input#formGroupExampleInput2 {
    margin-top: 15px;
  }
  table.text.partnerloginglossaryofterms-table {
    width: 100% !important;
  }
}
/*for mobile medium 375 below*/
@media (max-width: 413px) {
}

/*for mobile small 360 below*/
@media (max-width: 374px) {
}

/*for mobile x-small 320 below*/
@media (max-width: 359px) {
}

/*==============Responsive media max end==================*/

/*=====================for particular min max media start=====================*/

@media (min-width: 1025px) and (max-width: 1092px) {
    body, #container {
        max-width: 100%;
    }
    #content {
        width: 66%;
        margin-left: 53px;
        padding-right: 39px;
    }
    #sidebar {
        width: 22% !important;
    }
}
/*=====================for particular min max media end=====================*/

@media (min-width: 1200px){
    #menu{
        box-sizing: content-box;
    }
}