/* Theme Name: OPEN Author: Saroop Description: A custom wordpress template Version: 0.0.1 Tags: Gulf Infotech */ html,body{font-size:15px;color:#333;width:100%;padding:0;margin:0;font-weight:300;font-family:'Montserrat',sans-serif} img{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none} a,a:hover,a:active,a:focus{text-decoration:none;outline:none} a,button,a span{-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out} .btn:focus,.btn:active{outline:inherit} *,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} p, label, .innerText {font-family:'Montserrat', serif; font-size:20px; color:#292929; line-height:28px;} label{ display:inline-block;} p {margin: 0px; } ul, li{font-family:'Montserrat', serif; font-size: 20px; line-height: 30px;} img {max-width: 100%;} h1,h2,h3,h4,h5,h6{font-family:'Montserrat',sans-serif!important;font-weight:400!important;margin:0;} h1 {font-weight: 700!important; font-size: 40px; color:#6f6f6f!important;} h2 {font-size:1.875em!important;/*30px*/} h3 {font-size:25px; color:#3b3b3b!important; font-weight:700!important;} h4 {font-size: 1.25em;}/*20px*/ h6{font-size:20px!important; color:#858484!important; margin:0 auto!important; padding:0; width:75%; line-height:30px!important;} .white-para p{color:#fff!important;} .white-text{ margin-bottom:5px!important;} .nomargin{margin-bottom:0!important;} .white-text h1, .white-text h3, .white-text h6{color:#fff!important;} .border-column{border:solid 2px #cfcfcf; border-top:0; border-bottom:0;} .vmblock h3{color:#fff!important; text-transform:uppercase; font-size:18px!important; font-weight:600!important; padding:10px 0 0 130px;} .vmblock figure{position:absolute; top:-40px; left: 20px;} .wrapper{} .row {max-width:100%; margin:0;} .sections { padding-top:20px; padding-bottom: 40px; /*overflow: hidden;*/ } .paddingtop{padding-top:30px;} .paddingbottom{padding-bottom:30px;} header{top:0; width:100%; z-index:+2;} .container{width:100%; max-width:1285px; margin:0 auto; } .top-header{background:#fff; padding:10px 0 10px 0px;} .logo img{ height: 90px; } a.logo{max-width:323px;} a.logo-right{float:right; padding:10px; color:#fff; background:#ec3b35; margin-top:20px;} .collaborate{background:url(../../uploads/2018/08/logosbg.gif) repeat-x; padding-top:6px; min-height:89px; font-size:14px;} .clear{clear:both;} .header-menu{background:#00a753; margin:0; clear:both; min-height:57px;} .header-menu ul{list-style:none; margin:0; padding:0;font-family: 'Montserrat', sans-serif; font-size:15px;} .header-menu ul li{display:inline-block; float:left; padding:19px 20px; position:relative;font-family: 'Montserrat', sans-serif;} .header-menu ul li:hover{background:#ec3b35;} .header-menu ul li a{color:#fff;} .header-menu ul li:hover a{color:#fff;} .header-menu ul li.active{background:#ec3b35;} .header-menu ul li.active a{color:#fff; border:0px;} .collaborate h6{font-size:14px!important; padding:0!important; margin:0!important; width:100%!important;line-height: 18px!important; color:#222!important;} .logos-left{float:left; width:25%;} .logos-right{float:right; width:75%;} .who-title{font-size:15px; font-weight:400!important;} /* =====================Responsive Navigation========================= */ @media screen and (max-width: 886px) { .logo-right{float:none; width:405px; margin:0 auto;} .home-slider .caption-wrap{font-size:24px!important;} } #metaslider_25 .caption-wrap{position:absolute;right:0!important;left: auto!important; bottom:10px; background:#ec3b35!important; color:#fff;opacity:1!important;margin:0; display: table!important; width: auto!important;line-height:1.4em;font-size:20px;font-weight:400;text-align:center;font-family:'Montserrat',sans-serif} .metaslider .flexslider{margin:0!important;} .metaslider .flex-control-nav li a{margin:10px!important;} .flex-control-nav{top:25%;} .flex-control-nav li{display:block!important;} /* +++++++++++++++++ column layout +++++++++++++++++ */ .text-center{text-align:center; position:relative; z-index:-1;} .col-sm-3, .col-sm-4, .col-sm-6 {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; box-sizing:border-box;} .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-12 {float: left;} .col-sm-3 {width: 25%;} .col-sm-4 {width: 31.33%;} .col-sm-5{width:41.66666666666667%;} .col-sm-6{width:50%;} .col-sm-7{width:58.333333333333336%} .col-sm-8{width:66.66666666666666%} .col-sm-12{width:100%;} /* +++++++++++++++++ column layout +++++++++++++++++ */ #services{position:relative; z-index:-1;} .services-colorbox img{height:195px!important; display:block;} .left-box:after{position: absolute; left: 45%; top: 45%; content: ""; width: 0; height: 0; border-top: 20px solid transparent; border-right: 20px solid #00a950; border-bottom: 20px solid transparent;} .right-box:after{position: absolute; right: 45%; top: 45%; content: ""; z-index: 9; width: 0; height: 0; border-top: 20px solid transparent; border-left: 20px solid #00a950; border-bottom: 20px solid transparent;} .services-colorbox h4{color:#fff!important;background: #00a950; padding: 20px; position: relative; color:#fff; height: 195px; width:195px; min-width:195px; display: table-cell; vertical-align: middle; -webkit-box-sizing:border-box; box-sizing:border-box;} .services-colorbox p{color:#fff; font-size:14px; line-height:19px; margin-top:24px;} a.read_more{color:#fff; font-size:12px; font-family:'Montserrat', sans-serif; font-style:italic;} @media screen and (max-width: 1169px) { .home-services .elementor-row, .home-services2 .elementor-row{display:block!important;} .home-services .elementor-column, .home-services2 .elementor-column {width: 390px!important; margin:0 auto;} .home-services, .home-services2{padding-top:15px;} .home-services .elementor-image-box-content, .home-services2 .elementor-image-box-content{margin-top:-1px;} .home-services .elementor-image-box-img, .home-services .elementor-image-box-content{float:left; width:195px!important;} .home-services .elementor-widget-image-box .elementor-image-box-img, .home-services2 .elementor-widget-image-box .elementor-image-box-img{margin-bottom:2px!important;} .home-services2 .elementor-image-box-content{float:left; width:195px!important;} .home-services2 .elementor-image-box-img{float:right; width:195px!important;} .trusted-section .elementor-row {width: 214px!important; margin:0 auto 5px; display:block;} .trusted-section .elementor-column.elementor-col-20, .elementor-column[data-col="20"]{width:214px!important;} } @media screen and (max-width: 767px) { .left-box:after, .right-box:after{margin-top:75px;} .services-colorbox img{margin-top:-1px;} } .separator2 {height: 2px; width:40px; margin: 10px 0px 14px; background: #eeeeee; position: relative;} .margin-bottom-40 { margin-bottom: 40px;} .margin-top-40 { margin-top: 40px;} .margin-top-20 { margin-top: 20px;} #clients{background:#f4f5f9; position:relative; z-index:-2; padding:40px 0;} .client-logo{width:214px; height:104px; float:left; margin:10px; text-align:center; background:#fff; line-height:104px; box-shadow: 1px 1px 1px 0px rgba(0,0,0, 0.25);} .client-logo img{vertical-align:middle;} .subtitle{padding-bottom:40px;} .bjqs-prev a, .bjqs-next a{background:rgba(255,255,255,0.3); color:#333; padding:10px; cursor:pointer; z-index:+999} .bjqs-prev a:hover, .bjqs-next a:hover{background:rgba(255,255,255,1);} .servicelist li{line-height:30px;} /*================================================================= Contact Us Page ==================================================================*/ .contact{position:relative;} .contact .container{overflow:hidden;} .grey-box{background:#f8f8f8; margin:0px 1% 30px; width:49%; padding:30px; /*padding-bottom: 500em; margin-bottom: -500em;*/ position:relative; z-index:+1;border:solid 1px #d2d2d2;} .contact .container .no-left-margin{margin-left:0;} .contact .no-margin{margin-right:0;} .inner-banner{width:100%; height:400px; webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; display:table; position:relative; z-index:+1;} .banner-head h3{color:#fff!important; font-size:45px; text-align:center; width:100%; display:block; text-shadow: 2px 0 4px #333; margin-top:250px!important;} .office-address{padding:0px 30px;} .office-address h3{color:#009ee0;} .office-address p{margin-top:5px;} .contact form{padding:10px 0 0 30px;} label{padding-bottom:5px;} .form-group{ margin-bottom:10px;} .form-control { width:80%; height: 38px; padding: 10px; font-size: 14px; line-height: 1.42857143; color: #000; background-color: #fff; background-image: none; border: 1px solid #ddd; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} textarea.form-control {height: 108px;} .intl-tel-input{display:block!important;} .bigtext .form-control{height:98px;} .form-control:focus {border-color: #bcefeb;} .form-control:focus {border-color: #bcefeb; outline: 0;} #thank_you_msg{width: 80%; margin: 0 0 0 30px; padding: 40px 0;} .submit-btn { display: inline-block; min-width: 150px; text-align: center; color: #fff; letter-spacing: 1px; margin: 0; font-size:0.8125rem; border-radius: 0px; /* margin-top: 20px;*/ transition: .5s; border: 0px ; font-family: 'Montserrat', sans-serif; font-weight: 700; padding: 15px 0; transition: all 0.6s; border-radius: 2px; background:#00a950; position:relative; z-index:+99; cursor:pointer; } .submit-btn:hover{background:#099cdf;} .text-align-center{text-align:center;} .grey-box .fa{color:#00a950; margin-bottom:15px; } .fa-border{border-color:#00a950!important;} .text-center p{text-align:center!important;} /*================================================================= footer section ===================================================================*/ .footer{width:100%; display:table; background:#ec3b35; font-family:'Montserrat', sans-serif; font-size:14px; clear:both; padding:20px 0; color:#fff; } .footerright{text-align:right;} .footer a{color:#fff; font-size:32px; margin:5px; vertical-align:middle;} .footer ul{list-style:none; text-align:right; width:100%; margin:0;} .footer ul li{display:inline-block; padding:15px 0;} .footer ul li a{color:#fff; padding:0 10px; border-right:solid 1px #fff;} .footer ul li:last-child a{border-right:0px;} .sponsored{float:left; width:84%; padding-top:14px;} .sponsor-logo{float:right; width:16%;} @media screen and (max-width:815px){ .footer{padding-top:30px;} .footer .col-sm-6{width:100%;text-align:center;float: none; line-height: 30px;} .sponsored, .sponsor-logo{width:100%;text-align:center;float: none; padding-top: 20px;} .footer p{ text-align:center!important;} .footer ul{text-align:center;} .footer ul li{padding:0 0 15px 0;} } .no-padding{margin:0; padding:0;} .news a{display:block; max-height:300px;} .post-summary{background:#f3f3f3; padding:20px; margin-bottom:20px;} .post-summary h6{color:#0f9d58!important; font-size:13px; padding-bottom:10px;} .post-summary h4{color:#181818!important; font-size:18px; padding-bottom:15px; line-height:20px; min-height:75px;} @media screen and (max-width:1170px){ .news{width:780px; margin:0 auto;} } @media screen and (max-width:798px){ .news{width:360px; margin:0 auto;} .col-sm-4{width:360px; padding:0;} .post-summary{max-width:360px;} } @media screen and (max-width:776px){ .col-sm-4{width:500px; margin:30px auto!important; float:none;} } @media screen and (max-width:520px){ .col-sm-4{width:300px;} } .foogallery-simple_portfolio .bf-caption > h4{border:0px!important; color:#181818!important; font-size:18px; padding:20px!important; line-height:20px; min-height:75px;} .foogallery-default a{border:solid 1px #fff;} .hidden { display: none!important; } .family{width:100%;/* background:url(../images/family-bg.jpg) repeat;*/ padding:30px 0;} .approvals{width:100%; padding:30px 0; /*background:url(../images/approvals-bg.png) repeat;*/} .approvals a{color:#333; text-decoration:underline; font-family:'Roboto Slab', sans-serif;} .approvals ul{margin-top:0;} .events{padding-top:30px;} .keys{padding-bottom:30px;} .keys h3{padding-top:55px;} .events a{color:#333; text-decoration:underline;} .approvals h3{ padding-bottom:20px;} .family h3{color:#222!important; text-align:center; padding-bottom:25px!important;} .family a.familyhead{color:#222; font-family:'Roboto Slab', serif; background:#ffd105; padding:6px 10px; -webkit-border-radius:4px; border-radius:4px; display:block; font-size:14px; text-align:center;} .family a:hover.familyhead{background:#009ee0; color:#fff;} .family .elementor-widget:not(:last-child){margin-bottom:5px!important;} /* ++++++++++++++ Animation CSS begins ++++++++++++++++++++++ */ .client-logo{position:relative;} .client-logo .elementor-widget:not(:last-child){margin-bottom:0px!important;} .client-logo img { position:absolute; left:0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } /*.mygrid img.top:hover { opacity:0; }*/ @-webkit-keyframes mygridFadeInOut { 0% {opacity:0;} 45% {opacity:0;} 55% {opacity:1;} 100% {opacity:1;} } @keyframes mygridFadeInOut { 0% {opacity:0;} 45% {opacity:0;} 55% {opacity:1;} 100% {opacity:1;} } img.top, img.top1, img.top2, .top3 img, img.top4, img.top5, img.top6, img.top7, img.top8, img.top9 { -webkit-animation-name: mygridFadeInOut; /* Chrome, Safari, Opera */ -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; /* Chrome, Safari, opera */ -webkit-animation-direction: alternate; animation-name: mygridFadeInOut; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; } .client-logo img.top{ -webkit-animation-duration: 6s; animation-duration: 6s;} img.top1 {-webkit-animation-duration: 8s; animation-duration: 8s;} img.top2 {-webkit-animation-duration: 9s; animation-duration: 9s;} .top3 img {-webkit-animation-duration: 10s; animation-duration: 10s;} img.top4 {-webkit-animation-duration: 12s; animation-duration: 12s;} img.top5 {-webkit-animation-duration: 14s; animation-duration: 14s;} img.top6 {-webkit-animation-duration: 16s; animation-duration: 16s;} img.top7 {-webkit-animation-duration: 17s; animation-duration: 17s;} img.top8 {-webkit-animation-duration: 11s; animation-duration: 11s;} img.top9 {-webkit-animation-duration: 13s; animation-duration: 13s;} img.top10 {-webkit-animation-duration: 11s; animation-duration: 11s;} img.top2 {-webkit-animation-duration: 15s; animation-duration: 15s;} /* ++++++++++++++ Animation CSS Ends ++++++++++++++++++++++++ */ .bodies-box{padding:20px; border:solid 1px #d2d2d2; -webkit-border-radius:5px; border-radius:5px;} .member-box{padding:10px; border:solid 1px #d2d2d2; -webkit-border-radius:5px; border-radius:5px; min-height:134px;} .member-box p{padding-left:20px;} .my-news-list p{margin:0!important; line-height:0;} .my-news-list .foogallery-thumbnail a{margin:0!important; border:0px!important; -webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0; box-shadow:none!important;} .my-news-list .foogallery-thumbnail.position-block{ line-height:0;} .my-news-list .foogallery-thumbnail a:hover{ border:0px!important;} .events-list li{padding-bottom:10px;} .events-list li a{text-decoration:underline!important;} @media screen and (max-width: 490px) { a.logo{width:300px;} .logo-right{width:240px;} .header-cta{display:block; width:240px; margin:0 auto;} .banner-head h3{font-size:30px; margin-top: 275px!important;} } @media screen and (max-width: 673px) { .collaborate h6{font-size:11px!important;} } @media screen and (max-width: 532px) { .logos-left{float:none; width:40%} .logos-right{float:none; width:100%} .collaborate{padding-left:20px; padding-right:20px; background: #e1e1e1; background: -moz-linear-gradient(top, #e1e1e1 0%, #e4e4e4 3%, #f0f0f0 10%, #f2f2f2 12%, #fbfbfb 34%, #fdfdfd 56%, #f8f8f8 73%, #f0f0f0 90%, #e5e5e5 96%, #dfdfdf 100%); background: -webkit-linear-gradient(top, #e1e1e1 0%,#e4e4e4 3%,#f0f0f0 10%,#f2f2f2 12%,#fbfbfb 34%,#fdfdfd 56%,#f8f8f8 73%,#f0f0f0 90%,#e5e5e5 96%,#dfdfdf 100%); background: linear-gradient(to bottom, #e1e1e1 0%,#e4e4e4 3%,#f0f0f0 10%,#f2f2f2 12%,#fbfbfb 34%,#fdfdfd 56%,#f8f8f8 73%,#f0f0f0 90%,#e5e5e5 96%,#dfdfdf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#dfdfdf',GradientType=0 );} } .freebirdFormviewerViewFooterEmbeddedBackground, .freebirdFormviewerViewNavigationPasswordWarning{display:none!important;} #supsystic-table-1, #supsystic-table-2 { font-family: "Montserrat",sans-serif!important; font-size:16px; text-align:left!important;table-layout: fixed!important; } .table-title{text-align:left!important; font-size:18px; font-weight:bold; padding:20px 0;} .supsystic-table{border-left:solid 1px #d2d2d2; border-top:solid 1px #d2d2d2; margin-bottom:25px!important;} .supsystic-table tr:last-child td{ border-bottom:solid 1px #d2d2d2!important;} .supsystic-table th{background:#666666; color:#fff; /*text-transform:uppercase;*/ padding-top:10px!important; padding-bottom:10px!important; border-right:solid 1px #d2d2d2;} table.dataTable.no-footer{border:0px!important;} table.dataTable thead th{border-bottom:0px!important;} #supsystic-table-2 a, #supsystic-table-1 a{ overflow-wrap: break-word!important; word-wrap: break-word!important; -ms-word-break: break-all!important; word-break: break-all; word-break: break-word; -ms-hyphens: auto!important; -moz-hyphens: auto!important; -webkit-hyphens: auto!important; hyphens: auto!important; float:left; } #supsystic-table-1 thead tr th:nth-of-type(1){width:12%!important;min-width:12%!important;} #supsystic-table-1 thead tr th:nth-of-type(2){width:25%!important;min-width:25%!important;} #supsystic-table-1 thead tr th:nth-of-type(3){width:23%!important;min-width:23%!important;} #supsystic-table-1 thead tr th:nth-of-type(4){width:20%!important;min-width:20%!important;} #supsystic-table-1 thead tr th:nth-of-type(5){width:20%!important;min-width:20%!important;} #supsystic-table-2 thead tr th:nth-of-type(1){width:10%!important;min-width:10%!important;} #supsystic-table-2 thead tr th:nth-of-type(2){width:13%!important;min-width:13%!important;} #supsystic-table-2 thead tr th:nth-of-type(3){width:28%!important;min-width:28%!important;} #supsystic-table-2 thead tr th:nth-of-type(4){width:19%!important;min-width:19%!important;} #supsystic-table-2 thead tr th:nth-of-type(5){width:16%!important;min-width:16%!important;} #supsystic-table-2 thead tr th:nth-of-type(6){width:14%!important;min-width:14%!important;} .lpi-completed-head .elementor-widget:not(:last-child){margin-bottom:0px!important; color:#fff!important;} td.bg-00a94f{font-family:'Montserrat', sans-serif!important;} .wp-post-image { max-width: 100%; height: auto; } .col-sm-4{border:solid 1px #cecece; margin:20px 10px 0px; padding:10px 15px;} .col-sm-4 h3 a{font-size:22px; color:#222; padding:10px 0!important; display:block;} .col-sm-4 h5{border:solid 1px #d2d2d2; border-left:0; border-right:0; padding:8px 0; font-size:13px; text-transform:uppercase; font-weight:bold;} .detail-post{padding-bottom:30px;} .detail-post h5{padding:8px 15px; font-size:13px; text-transform:uppercase; font-weight:bold; display:inline-block; background:#00a753; color:#fff;} .col-sm-4 p{font-size:16px; padding:20px 0;} .entry-content{padding:30px 0;} .screen-reader-text{display:none; font-size:16px!important; border:0px; border-top:solid 1px #d2d2d2; padding:10px 20px;} .detail-post .meta-nav{padding:0 20px 0 0} .detail-post .post-title{color:#222; font-weight:bold; background:#f8f8f8; padding:10px;} .read-more{background:#00a753; color:#fff; padding:10px 0px; display:block; width:120px; text-align:center;} .entry-title{ padding:30px 0 15px; font-size:30px!important; color:#222!important;} .open-form form{background:#f8f8f8; padding:30px; width:90%; max-width:700px; margin:0 auto;} .open-form form label{font-weight:500; font-size:15px; line-height:18px;} .open-form form .help-block{font-size: 11px; font-style: italic;} .open-form form #fld_9449375_1{background:#00a753; color:#fff; border:solid 1px #00a753; width:150px; text-align:center; padding:10px; text-transform:uppercase; font-weight:bold;} .elementor-accordion-item{border-left:0px!important; border-right:0px!important;} .meetingbg{display:flex;} #latest-news h5{display:none;} #latest-news ul{margin:0;} #latest-news ul li, #latest-news ul li a{color:#fff;} #latest-news ul li{list-style:none;} #latest-news ul li .post-date{font-size:13px;padding: 0 15px;} .borderleft{border-left:solid 2px #fff;} @media screen and (max-width:1024px){ .vmblock{margin-bottom:70px;} } @media screen and (max-width:767px){ .borderleft{border:0;} .borderleft li{text-align:center} .osecolumn{width:100%!important; display:block} .border-column{border:0px;} .vmblock h3{padding:10px 0 0 135px; text-align:left;} } @media screen and (max-width:590px){ a.logo{margin:0 auto;} }