@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------------------------------------
Theme Name: Rcreators Websolutions	
Author: Rcreators
Author URI: http://rcreators.com/
Description: This is a Rcreators' website template
Version: 1.0
Developer	: Rishi Mehta
Updated on	: Dec 24, 2014
--------------------------------------------------------------------------------------------------*/

/* Ajax Loader */

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #ed477b;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */

    z-index: 1001;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #ed477b;

        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #ed477b;

        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #0c0c0c;
        z-index: 1000;
        -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(0);  /* IE 9 */
        transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }

    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    }
    
    .loaded #loader {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out;  
                transition: all 0.3s ease-out;
    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.3s 1s ease-out;  
                transition: all 0.3s 1s ease-out;
    }
    
    /* JavaScript Turned Off */
    .no-js #loader-wrapper {
        display: none;
    }

body { background: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; }

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight:300; }

h1 { color: #ed477b; font-size:30px; margin-top: 30px; margin-bottom:20px; }

h2 { font-size:34px; text-transform:uppercase; }

h3 { font-size:22px; text-transform:uppercase; }

.home { color:#FFF; }

a { color:#ed477b; text-decoration:none; }

a:hover, a:focus { text-decoration: underline; color: #ed477b; }

.text_left { text-align:left; }

body > .vc_row { margin-left: 0; margin-right: 0; margin-bottom: 0; }

.container { margin-left: auto!important; margin-right: auto!important; }

.white_text, .white_text h3, .white_text a { color: #fff; }

/* Particles */

#particles { width:100%; position:absolute; top:0; height:600px; }

/* WP 3D Products */

.rc_3dw_wrapper { max-width: 1180px; margin: auto; margin-top: 50px; }

.single-rc_3d_product .header_wrapper { background: #9b5b8f; min-height: 200px!important; }

/*----header----*/

.header_wrapper { padding-right: 0;padding-left: 0; min-height:350px; box-shadow:0px 1px 10px #454545; position:relative; }

.home .header_wrapper { min-height:600px; box-shadow:none; }

.intro_text { margin-top:250px; font-size:5em; text-align:center; font-family: 'Raleway', sans-serif; font-weight:500; color:#FFF; text-shadow:1px 1px #000; }

.navbar-inner { border-top:5px solid #ed477b; box-shadow: none; background: rgba(0, 0, 0, 0.7); background-image: none; filter: none; padding:0; position: fixed; width: 100%; z-index: 99; -webkit-transition: background 1s, border 1s; transition: background 1s, border 1s; }

.logo { text-align:center; padding-top:5px; padding-bottom:5px; border-bottom-left-radius: 1.3em; border-bottom-right-radius: 1.3em; -webkit-transition: padding 1s; transition: padding 1s; }

.logo img { max-width:100%; transition: max-width 1s; transition: max-width 1s; }

/*menu*/

.menu { margin-top:25px; -webkit-transition: margin 1s; transition: margin 1s; }

.menu ul li { }

.menu ul li a { color: #fff; padding-top: 10px; padding-bottom: 10px; text-transform: uppercase; padding-left:15px; padding-right:15px; background: none;  -webkit-transition: background 0.5s; transition: background 0.5s;  }

.home .menu ul li a { color: #fff; }

.header {  }

.header .navbar-toggle { background:#0c0c0c; }

.header_nav ul li.current-menu-item, .menu ul li a:hover, .menu ul li a:focus { background: none; }

.header_nav ul li.current-menu-item a, .menu ul li a:hover, .menu ul li a:focus { background:#ed477b; }

.header_nav ul li.current-menu-item:hover, .header_nav ul li.current-menu-item:focus { }

.header_nav ul li.current-menu-item a:hover, .header_nav ul li.current-menu-item a:focus { border: none; }

.header_nav ul { float: right; }

.header.static { background:rgba(0,0,0,1); border-bottom: 1px solid #2D2D2D; }

.header.static .logo { padding-top:0; padding-bottom:0; }

.header.static .menu { margin-top:1%; }

.header.static .logo img { max-width:75%; }

.scroll-to-bottom { width:70px; height:70px; background:#ed477b; border-radius:100%; cursor:pointer; position:absolute; bottom:0; border:2px solid #FFF; color: #fff; text-align: center; left: 50%; margin-left: -35px; margin-bottom: -25px; padding: 14px 18px; z-index:10; }

/* Genaral Visual Composer */

.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom:10px; }

/* Homepage */

.wo_we_are { padding-top:30px; padding-bottom:35px; font-size:20px; text-transform:uppercase; margin-bottom:0; background: url(images/wo_we_are.jpg) no-repeat center; background-size:cover; }

.wo_we_are h2 { text-transform:uppercase; font-size:48px; margin:0; padding:0; }

.wo_we_are h3 { font-size:24px; margin-bottom:20px; }

.left_block { text-align:right; color:#ed477b; }

.wo_we_are .left_block h3 { color:#fff; }

.wo_we_are .right_block h3 { color:#ed477b; }

.wo_we_are ul { list-style:none; padding:0; margin:0; }

.wo_we_are ul li { display:block; margin-bottom:20px; }

.wo_we_are .fa { display:inline-block; vertical-align:middle; border-radius:100%; font-size:30px; min-width:50px; font-size: 30px; width: 50px; height: 50px; text-align: center; vertical-align: middle; padding-top: 10px; }

.wo_we_are .left_block .fa { background:#000; color:#ed477b; margin-left:20px; }

.wo_we_are .right_block .fa { background:#000; color:#fff; margin-right:20px; }

.our_services { background:#ed477b; color:#fff; padding-top:30px; padding-bottom:45px; margin-bottom:0; }

.our_services h2 { display:block; color:#FFF; text-align:center; border-bottom:2px solid #fff; padding-bottom:30px; margin-top:0; margin-bottom:30px; }

.our_services h3 a, .our_services h3 a:hover, .our_services h3 a:focus  { color:#FFF; text-decoration:none; }

.service_block { padding-left: 90px; margin-top: 20px; background-position: top left; background-repeat: no-repeat; }

.our_work { background:#0c0c0c; padding-top:20px; padding-bottom:40px; margin-bottom:0; text-align:center; border-bottom:5px solid #ed477b; }

.our_work h2 { color:#ed477b; padding-bottom:30px; }

.our_work img { border:5px solid #fff; }

.our_work img:hover { border:5px solid #ed477b; }

.read_more { display:inline-block; padding:10px; background:#ed477b; color:#fff; min-width:250px; font-size:18px; font-family:'Roboto', sans-serif; margin-top:10px; }

.read_more:hover { color:#fff; }

/* About Page */

.content_wrapper { padding-bottom:40px; text-align:center; padding-top:20px; color:#333; }

.our_principal { background:#ed477b; color:#fff; padding-top:20px; padding-bottom:40px; margin-bottom:0; }

.our_principal h2, .our_team h2 { text-align:center; border-bottom:2px solid #fff; padding-bottom:20px; }

.our_principal a { color:#fff; }

.our_team { padding-top:20px; padding-bottom:50px; margin-bottom:0; color:#ed477b; text-align:center; }

.our_team h2 { border-bottom: 2px solid #ed477b; margin-bottom:30px!important; }

.our_team img { border:5px solid #ed477b; }

/* Single Post Page */

.single_post { padding-bottom: 20px; }

/* Service Page */

.service_page_services img { height:35px; width:auto; }

.service_page_services a { color:#ed477b; font-size:14px; font-weight:bold; }

/* Our Work Page */

.categories_filter { text-align:center; margin-top:20px!important; }

.wpb_teaser_grid .categories_filter li, .wpb_categories_filter li, .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-pink > .vc_grid-filter-item, .vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-pink > .vc_grid-filter-item, .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-pink > .vc_grid-filter-item:hover, .vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-pink > .vc_grid-filter-item:hover, .vc_grid-filter.vc_grid-filter-filled.vc_grid-filter-color-pink > .vc_grid-filter-item.vc_active, .vc_grid-filter.vc_grid-filter-filled-rounded.vc_grid-filter-color-pink > .vc_grid-filter-item.vc_active { float:none; display:inline-block; margin:5px; padding:5px 10px; background:#ed477b; }

.wpb_teaser_grid .categories_filter li a, .wpb_categories_filter li a { color:#fff; }

.content_wrapper img { border:5px solid #ed477b; }

.content_wrapper img:hover { border:5px solid #0c0c0c; }

.teaser_grid_container .wpb_thumbnails li { margin-bottom:30px; margin-top:30px; }

/*form*/
.gf_left_half { text-align:right; }

.gform_footer { text-align:center; }

.ginput_container { margin-top:10px!important; }

input[type="text"], input[type="email"], textarea, select, input[type="url"] { background: rgba(0, 0, 0,0.4); border: 1px solid #ed477b; padding: 10px!important; width: 80%!important; color: #FFF; }

#gform_2 input[type="text"], #gform_2 input[type="email"], #gform_2 textarea { width:100%!important; }

input[type="submit"] { background: #ed477b; padding: 8px 0px; border: none; font-size: 13px; text-transform: capitalize; margin: 0 auto; display: inline-block; width: 100%; max-width:280px; color:#fff; }

.our_services input[type="submit"] { background:#fff; color:#ed477b; }

.our_services .gform_footer { text-align:left; }

.recaptchatable img, .recaptchatable img:hover { border:none; }

.validation_error { display:none!important; }

.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper .top_label li.gfield.gfield_error.gf_right_half { width: 49%!important; }

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background: none!important; margin-bottom: 0px !important; padding: 0px !important; border-top: none!important; border-bottom: none !important; }

.gform_wrapper .validation_message { color: #fff!important; font-weight: normal!important; font-size: 12px!important; padding: 5px!important; }

div.wpcf7 img.ajax-loader{float: right;}

.contactus input[type="text"],.contactus input[type="email"]{border: 1px solid #c9c9c9; border-radius: 5px; width: 90%;}

.contactus textarea {border: 1px solid #c9c9c9; border-radius: 5px; width: 100%;}

.contactus input[type="submit"]{background: #ed477b; border-bottom: 3px solid #c5001d; border-radius: 5px; display: inline-block; width: 35%; color: #fff; font-size : 18px;}

/*footer*/

.footer_contact { background:url(images/footer-contact_bg.jpg) no-repeat center; background-size:cover; padding-top:20px; padding-bottom:40px; text-align:center; color:#fff; font-size:20px; text-transform:uppercase; font-family: 'Roboto', sans-serif; }

.footer_contact label, #gform_2 label, #gform_3 label { display:none!important; }


.footer_wrapper{ background: #0c0c0c; padding-top: 40px; font-family: 'Roboto', sans-serif; color:#FFF; border-top:5px solid #000; }

.footer_wrapper a { color: #fff; }

.footer_wrapper .menu { float: none; margin:0; padding:0; text-transform:capitalize; }

.footer_wrapper ul li { list-style:none; padding: 5px 0; }

.footer { background: #0c0c0c; border-top: 1px solid #30333a; color:#FFF; }

.footer_block { margin-bottom:15px; }

.footer_block h3 { display:block; color:#ed477b; font-size:20px;  border-bottom: 1px solid #30333a; padding-bottom:15px; margin-bottom:15px; margin-top: 0; }

.footer_block img { margin-bottom:5px; margin-right:15px; }

.footer p, .footer_block p { font-size: 14px; padding-top: 15px; text-align:center; }

.footer_block p { padding-top:0; }


.contact{ background: #ed477b; border-bottom: 3px solid #c1001d; padding: 10px 10px; font-size: 22px; color: #fff; display: block; width: 20%; margin: 40px auto 0 auto; border-radius: 10px;}

.contact:hover { color: #fff;}

.footer_wrapper ul { padding-left: 0px; }

.bottom_contact_form { color:#FFF; }



iframe.map { display:block; }

/*place holder*/

::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

::-moz-placeholder {  /* Firefox 19+ */
  color: #fff;  
}

:-ms-input-placeholder {  
   color: #fff;  
}

.mobile_toggle { text-align:center; display: inline-block; width: 19%; float:right; margin-top: 5%; cursor:pointer; }

.nav-expander { display:block; margin:auto; }

.navicon-line { width: 40px; height: 5px; background-color: #FFF; margin:0 auto 5px; cursor:pointer; }

nav { background: rgba(237, 71, 123, 0.8); display: block; height: 100%; overflow: auto; position: fixed; top: -100%; font-size: 15px; left:0; width: 100%; z-index: 2000; transition: top 0.3s ease-in-out 0s; -webkit-transition: top 0.3s ease-in-out 0s; -moz-transition: top 0.3s ease-in-out 0s; -o-transition: top 0.3s ease-in-out 0s; padding-top:20px; padding-bottom:20px; }

.nav-expanded nav, .page-template-page-grid-php.nav-expanded nav { top: 0; }

nav ul { list-style:none; margin:0; padding:0; padding-top:50px; display:block; width:100%; text-align:center; }

ul.sub-menu { margin-top:0; border-top:1px solid #323949; }

nav li { border-bottom: 1px solid #323949; font-size: 15px; display:block; }

nav li a { color: #FFF; text-decoration: none; padding:7px 20px; display:block; width:100%; text-transform:uppercase; }

nav li a:hover, nav li a:focus { color: #FFF !important; }

.close-menu { font-size:34px; }

/* Back To Top */

.back-to-top { position: fixed; bottom: 15px; right: 20px; cursor: pointer; opacity: 0.8; z-index: 1100; display:none; }

.back-to-top:hover, .back-to-top:focus { opacity:1; }

.scroll-to-top { width:45px; height:45px; background:#ed477b; border-radius:100%; cursor:pointer; border:2px solid #FFF; color: #fff; text-align: center; padding: 10px; }



@media (min-width:1200px) and (max-width:1216px) {

.container-fluid { padding-left:0; padding-right:0; }

.container { width:100%; }

}

@media (min-width:992px) and (max-width:1016px) {

.container-fluid { padding-left:0; padding-right:0; }

.container { width:100%; }

}

@media (min-width:768px) and (max-width:991px) {

.logo img { width:100%; height:auto; }

.our_work img { width:100%!important; height:auto; }

}

@media (min-width:768px) and (max-width:796px) {

.container-fluid { padding-left:0; padding-right:0; }

.container { width:100%; }

}

@media (max-width:767px) {

.logo { text-align:left; }

.logo img { max-width: 70%; }

.header.static .logo img { max-width:60%; }

.intro_text { margin-top:175px; font-size:3em; }

.menu ul li a {text-align: center;}

.videobg { display:none; }

.navbar-toggle {float: none; display: block; margin: 0px auto; width: 100%; color:#fff;}

.header_nav ul {float: none; width: 60%; display: block; margin: 10px auto;}

.wo_we_are .vc_col-sm-5 .left_block, .wo_we_are .vc_col-sm-5 .right_block { text-align:center; color:#fff; }

.wo_we_are .vc_col-sm-5 .left_block h3, .wo_we_are .vc_col-sm-5 .right_block h3 { color:#ed477b; }

.wo_we_are .fa { display:none; }

.our_team .vc_col-sm-2 { margin-bottom:20px; }

.wpb_thumbnails { text-align:center; height:auto!important; }

.wpb_thumbnails li { position:relative!important; top:0!important; }

.footer_block p { text-align:left; }

.service_block { padding-left:0; padding-top: 60px; margin-top: 20px; text-align: center; background-position: top center!important; padding-bottom: 20px; }

}

@media (max-width:600px) {

.footer_contact li { width:100%!important; float:none!important; text-align: center; }

.footer_contact li input { width:100%!important; }

}
@media (max-width:400px) {

.our_work img { width:100%!important; height:auto; }

}