/* @import all external css file */

@import 'responsive.css';
@import 'owl.carousel.css';

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css');




/* global css */
html,body{width: 100%; height: 100%;}
body{
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Open Sans', sans-serif !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-text-size-adjust: 100%; /*Prevent adjustments of font size after orientation changes in IE and iOS.*/
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    overflow-x:hidden;
}
/* We have declered box-sizing property (inherit) because of except of body doesn't need that and also margin & padding zero value for whole html tag */
*{
    box-sizing: inherit;
    margin: 0;
    padding: 0;
}
/* Affect all basic form elements foucs, outline will none. */
*:focus, input:focus, select:focus, textarea:focus ,button:focus {
    outline: none;
    outline-width: 0; /*Remove the outline on focused links when they are also active or hovered in all browsers (opinionated).*/
}
img {
    border-style: none; /* Remove the border on images inside links in IE 10-. */
}
hr {
    box-sizing: content-box; /* Add the correct box sizing in Firefox. */
    height: 0;
    overflow: visible; /* Show the overflow in Edge and IE. */
}
::-webkit-input-placeholder {
    color: inherit; /*Correct the text style of placeholders in Chrome, Edge, and Safari.*/
    opacity: 0.54;
}
/* Optional. If you want to use so you can. Mostly browser takes outline and underline so it does not good for viewer and also we have used css3 transitions*/
a, a:hover, a:focus {
    text-decoration: none;
    transition: 300ms all;
    -moz-transition: 300ms all;
    -webkit-transition: 300ms all;
    -os-transition: 300ms all;
}
/* We have removed list-style form ul tag  */
ol,ul{
    list-style: none;
}
table {
    border-collapse: collapse; /*Remove border*/
    border-spacing: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }


/*custom css*/
.container {padding: 0 15px;width: 100%;max-width: 1170px;margin: 0 auto;display: block;}
.container:after, .headerTop:after, .socialIcon:after, .primaryMenu:after, .primaryMenu ul:after, .headerBottom:after, .mainLogo:after, .secondaryMenu:after, .searchBar:after, .cartBox:after {display: block; content: ""; clear: both;}

.headerTop {background-color: #27318a;width: 100%;}
.searchBar span {margin-right: 20px;}
.searchCart span{cursor: pointer;}
.searchCart i{color: #3c3950; font-size: 16px;}
.secondaryMenu nav > ul > li {font-size: 14px;font-weight: 600;text-transform: uppercase; padding: 18px 0;}
.headerTop ul > li > a {color: rgba(255,255,255,0.9);text-transform: capitalize;font-size: 14px;font-weight: 400;  }
.partnerLogin > a {border: 1px solid #fff;border-radius: 3px;font-size: 16px !important;font-weight: bold !important;padding: 5px 10px;text-transform: uppercase !important;}
.partnerLogin > a:hover {background: rgba(255, 255, 255, 0.9); color: #27318a !important; border: 1px solid #fff;}
.searchInput{position: absolute; }
.cartBox a {color: #3c3950 !important;font-size: 16px;}
.headerTop ul > li > a:hover{text-decoration: none;}
.partnerLogin {margin-right: 0 !important;}




.itemImages img{width: 100%;}
.itemImages{position: relative;}
.itemText {position: absolute;color: #fff;width: 100%;top: 50%;max-width: 40%;margin-top: -100px;}
.itemText h2 {font-size: 50px;font-weight: 100;line-height: 50px;margin-bottom: 30px;}
.itemText p{font-weight: 100; font-size:20px; line-height: 34px;  max-width: 650px;}
.owl-prev, .owl-next {position: absolute;top: 50%;margin-top: -25px;width: 50px;height: 50px;line-height: 50px;background:rgba(255,255,255,0.9);text-align: center;font-size: 0;}
.owl-next{right: 0;}
.owl-next:after {position: absolute;content: "\f105";width: 50px;height: 50px;font-size: 25px;font-family: fontawesome;right: 0;}
.owl-prev:after {position: absolute;content: "\f104";width: 50px;height: 50px;font-size: 25px;font-family: fontawesome;left: 0;}

.title h2 {font-weight: 100;font-size: 50px;line-height: 50px;color: #27318a;text-align: center; padding: 50px 0;}
.servicesBox {float: left;width: 23.2%;border: 1px solid #ddd;border-radius: 5px;text-align: center;padding: 15px 15px 30px 15px; margin: 10px;}
.servicesImg {padding: 15px 0;}
.servicesSub h4 {font-size: 20px;text-transform: uppercase;color: #27318a;font-weight: 900;margin-bottom: 25px;}
.servicesDel p {font-weight: 300; color:#3c3950;line-height: 30px;}
.btn-blue a {font-size: 16px;text-transform: uppercase;display: block;width: 100%;border-radius: 3px;padding: 7px 0;max-width: 150px;margin: 0 auto;font-weight: 600;margin-top: 25px;background-color: transparent;color: #909090 !important;border: 1px solid #909090;}
.btn-blue a:hover{background: #27318a; color: #fff; border: 1px solid #27318a;}

.ourServices, .spotLight, .recentAnno{padding-bottom: 50px;}
.spotLight{background-color: #f7f7f7; text-align: center;}

.lightInner h4 {font-size: 30px;font-weight: 300;color: #909090;margin-bottom: 30px;}
.lightInner p {font-weight: 300;line-height: 36px;color: #27318a;font-size: 20px; margin-bottom:30px;}
.btnsolidBlue {
    background: #27318a none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 15px;
    margin: 0 auto;
    max-width: 200px;
    padding: 7px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.btnsolidBlue:hover {
    color: #fff;
    text-decoration: none;
}

.announceMent {float: left;width: 70%;padding: 15px;}
.advertiseMent {float: right;width: 30%;padding: 15px;text-align: center;}
.announceInner a {font-size: 18px;font-weight: 300;color: #909090;line-height: 30px;}
.announceInner a:hover{color:#27318a;}

.announceInner li {position: relative;margin-bottom: 7px;}
.announceInner li:before {position: absolute;height: 6px;width: 6px;background: #27318a;content: "";border-radius: 50%;top: 12px;margin-left: 15px;left: -30px;}

.javaBrk p {color: #27318a;line-height: 29px;font-weight: 300;font-size: 14px;}
.regisTer {padding: 15px 0;}
.owl-carousel2 .item img {width: auto;margin: 0 auto;cursor: pointer;-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */filter: grayscale(100%);transition: 300ms all;-moz-transition: 300ms all;-webkit-transition: 300ms all;-os-transition: 300ms all;}

.owl-carousel2 .item img:hover{-webkit-filter: grayscale(0); /* Chrome, Safari, Opera */filter: grayscale(0);}
.owl-carousel2 {text-align: center;border: 1px solid #f4f4f4;border-radius: 3px;padding: 20px 0;width: 80%;margin: 0 auto;}

.owl-carousel2 .owl-prev{background: #909090; left: -41px; border-radius: 5px 0 0 5px; width:40px;}
.owl-carousel2 .owl-next{background: #909090; right: -41px; border-radius: 0 5px 5px 0; width:40px;}
.owl-carousel2 .owl-prev:after, .owl-carousel2 .owl-next:after {color:#fff;width: 40px;}
.announceInner {margin-bottom: 50px;}

footer{background-color: #141414; background-image: url(../images/buliding_pattern.png); background-repeat: no-repeat; background-size: cover; padding: 25px 0;}
.fBox {float: left;width: 20%; color:rgba(255,255,255,0.8); padding: 15px; text-align: left;}
.fBox h2 {font-size: 18px;margin-bottom: 30px;}
.fBox a, .fBox p{color:rgba(255,255,255,0.8) !important; font-size: 14px; font-weight: 300;}
.followUs.fBox li {float: left;margin-right: 18px;}
.fBox li {margin-bottom: 5px;}
.fBox a:hover, .fBox a:focus{text-decoration: none; color: #fff;} 
html .fBox li a.active{color: #fff !important;} 
.btnsolidBlue {color: #ffffff !important;}
.searchInput .form-item input {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;border: 1px solid #ccc !important; width: 92%;}
.btn-blue a:hover{color: #fff !important;}

.followUs.fBox li i {font-size: 20px;}
.newsletterInput{position: relative;}
.newsletterInput input[type="text"] {width: 100%;border: 1px solid rgba(255,255,255,0.8);background: transparent;border-radius: 50px;height: 35px;color: rgba(255,255,255,0.8);padding-left: 15px;}
input.LetterSearch {background-image: url(../images/arrow_icon.png);background-repeat: no-repeat;background-color: transparent;border: none;width: 30px;position: absolute;right: 1px;top: 0;cursor: pointer;z-index: 99;height: 34px;background-position: center;}
.copyright {text-align: center;color:rgba(255,255,255,0.8);background: #27318a;font-size: 13px;font-weight: 300;padding: 15px;}
.copyright a{font-weight: 600;color:rgba(255,255,255,0.8) !important;}


.searchBox {border: 1px solid #dddddd;border-radius: 3px;color: #909090;margin: 10px;position: relative;height: 37px;padding-left: 15px;padding-right: 40px;}
.searchInput {background: #ffffff none repeat scroll 0 0;border-radius: 5px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);position: absolute;right: 0;top: 52px;z-index: 99;display: none; width: 250px;}
.searchBtn { 
    background: #27318a url(../images/search.png) no-repeat center; 
    border: medium none; 
    cursor: pointer; 
    height: 36px; 
    position: absolute; 
    right: 11px; 
    top: 11px; 
    width: 36px; 
    background-size: 18px; 
} 
.secondaryMenu ul li span {float: right; margin-right: 15px;}
.searchBtn i{color: #fff;}
.searchBtn i:hover{color: #fff;}

.searchInput .form-item  {overflow: hidden;}
.partnerLogin a:hover {text-decoration: none;}


/* custom css */
#edit-submit:before{
    content:"\f002";
}
#edit-submit {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto; color: white;
}
#search-block-form .form-item-search-block-form { margin: 0; }

#block-block-20 .title h2 a {
    color: #27318a;
    font-size: 50px;
    font-weight: 100;
    line-height: 50px;
    padding: 50px 0;
    text-align: center;
}
.front .clear-block::after { display: initial !important;}
 


/***/


.sub-menu {
  display: none;
  background: #444359;
  font-size: 14px;
}

body.front #cse-search-box{
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.6);
    display: none;
    position: absolute;
    right: 0;
    top: 52px;
    width: 250px;
    height: 57px;
    padding: 10px 0;
    z-index: 99;
}

body.front #cse-search-box input{
    border-radius: 3px;
    color: #909090;
    height: 37px;
    border: 1px solid #ccc;
}
body.front form#cse-search-box input#ss{
    background: #27318A;
    padding: 5px;
}

body.front div#block-block-8 div.content{
    height: 0px;
}
body.front #cse-search-box input[name=q] {
    margin-left: 8px;
    max-width: 70%;
}

.itemText {
    left: 8%;
}
@media only screen and (max-width:1551px){
    .itemText{
        margin-top: 0px;
        top: 25%;
    }
}
@media only screen and (max-width: 1149px){
    .itemImages .itemText {
        max-width: 40%;
        top: 20%;
    }
}
@media only screen and (max-width: 991px){
    .itemImages .itemText {
        max-width: 43%;
    }
}
@media only screen and (max-width: 867px){
    .itemImages .itemText {
        max-width: 45%;
        top: 35px;
        left: 60px;
    }
}
@media only screen and (max-width: 767px){
    .itemImages .itemText {
        margin: 0;
        top: 0;
    }
}
@media only screen and (max-width: 700px){
    .itemImages .itemText {
        top: 40%;
        left: 5%;
    }
}