/*

Theme Name: Parasponsive 

Theme URI: http://gogetthemes.com

Description: A premium theme built on base Option Tree 

Author: GoGetThemes

Author URI: http://gogetthemes.com/

Version: 1.0

License URI: http://gogetthemes.com/



*/

@import 'css/normalize.css';

@import 'css/bootstrap.css';

@import "css/main.css";

@import "css/magnific-popup.css";

@import 'css/team.css';

@import 'css/fresco.css';

@import 'css/jquery.bxslider.css';

@import "css/style.css";

@import "fonts/zocial.css";

@import "css/font-awesome.min.css";

@import "css/reviewer-public.css";

.plug {

    background: #44A5AC;

}

#top5 .plug {

    background: #FF9900;

}

#why .plug {

    background: #44A5AC;

}

#pricing_table .plug, #pricing_table .c_quot .plug {

    background: #324c68;

}

#about_us .plug {

    background: #d44032;

}

#testimonials .plug {

    background: #4c4c4c;

}

nav a.menu_2 {

    border-top: #FF9900 solid 2px;

}

nav a.menu_3 {

    border-top: #44A5AC solid 2px;

}

nav a.menu_4 {

    border-top: #324c68 solid 2px;

}

nav a.menu_5 {

    border-top: #d44032 solid 2px;

}

nav a.menu_6 {

    border-top: #4c4c4c solid 2px;

}

nav a.menu_7 {

    border-top: #4c4c4c solid 2px;

}

.mob_nav ul li a.menu_1 {

    background: #000;

}

.mob_nav ul li a.menu_2 {

    background: #FF9900;

}

.mob_nav ul li a.menu_3 {

    background: #44A5AC;

}

.mob_nav ul li a.menu_4 {

    background: #324c68;

}

.mob_nav ul li a.menu_5 {

    background: #d44032;

}

.mob_nav ul li a.menu_6 {

    background: #4c4c4c;

}

.mob_nav ul li a.menu_7 {

    background: #4c4c4c;

}

nav a.menu_1 span.hover {

    background: #000;

}

nav a.menu_1 .arr {

    border-color: #000000 transparent transparent transparent;

}

nav a.menu_2 span.hover {

    background: #FF9900;

}

nav a.menu_2 .arr {

    border-color: #FF9900 transparent transparent transparent;

}

nav a.menu_3 span.hover {

    background: #44A5AC;

}

nav a.menu_3 .arr {

    border-color: #44A5AC transparent transparent transparent;

}

nav a.menu_4 span.hover {

    background: #324c68;

}

nav a.menu_4 .arr {

    border-color: #324c68 transparent transparent transparent;

}

nav a.menu_5 span.hover {

    background: #d44032;

}

nav a.menu_5 .arr {

    border-color: #d44032 transparent transparent transparent;

}

nav a.menu_6 span.hover {

    background: #4c4c4c;

}

nav a.menu_6 .arr {

    border-color: #4c4c4c transparent transparent transparent;

}

nav a.menu_7 span.hover {

    background: #4c4c4c;

}

nav a.menu_7 .arr {

    border-color: #4c4c4c transparent transparent transparent;

}

#top5 .back2top {

    border: #FF9900 solid 1px;

    color: #FF9900;

}

.serv_mid {

    background: #FF9900;

    padding: 100px 0 0 0;

    clear: both;

}

.serv_corusel li i {

    margin: 25px 0;

    -webkit-transition: all 400ms linear;

    -moz-transition: all 400ms linear;

    -o-transition: all 400ms linear;

    -ms-transition: all 400ms linear;

    transition: all 400ms linear;

    font-size: 140px;

}

.serv_corusel li:hover i {

 -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

 cursor: pointer;

}

.portfolio_pop:hover {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    transform: rotate(360deg);

    color: #44A5AC;

}

#why .back2top {

    border: #44A5AC solid 1px;

    color: #44A5AC;

}

.portfolio_mid {

    background: #44A5AC;

    padding: 30px 0;

}

.isotope-item img {

    max-width: 280px;

    height: auto;

    webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.3s cubic-bezier(.63, .08, .35, .92);

    -moz-transition: all 0.3s cubic-bezier(.63, .08, .35, .92);

    -o-transition: all 0.3s cubic-bezier(.63, .08, .35, .92);

    -ms-transition: all 0.3s cubic-bezier(.63, .08, .35, .92);

    transition: all 0.3s cubic-bezier(.63, .08, .35, .92);

}

.isotope-item:hover img {


}

#pricing_table .back2top {

    border: #324c68 solid 1px;

    color: #324c68;

}

.pricing_table_mid {

    padding: 30px 0;

    background: #324c68;

}

.about_us_mid {

    padding: 30px 0;

    background: #d44032;

}

#about_us .back2top {

    border: #d44032 solid 1px;

    color: #d44032;

}

.contact_us_mid {

    background: #4c4c4c;

    padding: 30px 0;

}

#testimonials .back2top {

    border: #4c4c4c solid 1px;

    color: #4c4c4c;

}

footer {

    margin: -60px 0 0;

    background: #000000;

    padding: 80px 0 30px;

}

#blog {

    background: #4c4c4c;

    margin-bottom: 60px;

    padding: 100px 0 0;

}

#blog .plug {

    background: #4c4c4c;

}

    /* TYPOGRAPHY */


body {

    font-family: Roboto, Arial, Helvetica, sans-serif;

    font-weight: 300;
	font-size:16px;
    font-style: normal;

}

nav a {

    font-family: Roboto Condensed, Arial, Helvetica, sans-serif;

    font-weight: 300;

    font-style: normal;

}

h1 {

    font-family: Roboto, Arial, Helvetica, sans-serif;

    font-weight: 600;

    font-style: normal;

    line-height: 72px;

    margin: 0 0 15px;

}

h2 {

    font-family: Roboto, Arial, Helvetica, sans-serif;

    font-weight: 300;

    font-style: normal;

    line-height: 52px;

    margin: 0 0 15px;

}

h3 {

    font-family: Roboto, Arial, Helvetica, sans-serif;

    font-weight: 700;

    font-style: normal;

    margin: 0 0 12px;

}

h4 {

    font-family: Roboto Condensed, Arial, Helvetica, sans-serif;

    font-weight: 400;

    font-style: normal;

    margin: 0 0 10px;

    line-height: 34px;

}

h5 {

    font-family: Roboto, Arial, Helvetica, sans-serif;

    font-weight: 400;

    font-style: normal;

    margin: 0 0 0.5em 0;

}

h6 {

    font-family: Roboto, Arial, Helvetica, sans-serif;

    font-weight: 300;

    font-style: normal;

    font-size: 14px;

    margin: 10px 0;

}


body {

    font-size: 16px;

    color: #ffffff;

    background: #44A5AC;

}

nav a {

    font-size: 14px;

}

h1 {

    font-size: 69px;

    line-height: 72px;

}

h2 {

    font-size: 52px;

    line-height: 52px;

}

h3 {

    font-size: 52px;

}

h4 {

    font-size: 31px;

    line-height: 34px;

}

h5 {

    font-size: 20px;

}

h6 {

    font-size: 14px;

}

h1, h2, h3, h4, h5, h6 {

    text-transform: uppercase;

    color: #ffffff;

}

a {

    color: #ffffff;

}

a:hover {

    color: #eaeaea;

}

.tooltip-inner {

    max-width: 200px;

    padding: 8px;

    color: #ffffff;

    text-align: center;

    text-decoration: none;

    background-color: #eaeaea;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

.tooltip-arrow {

    position: absolute;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid;

}

.tooltip.top .tooltip-arrow {

    bottom: 0;

    left: 50%;

    margin-left: -5px;

    border-width: 5px 5px 0;

    border-top-color: #eaeaea;

}

h1 {

    margin: 0 0 15px;

}

h2 {

    margin: 0 0 15px;

}

h3 {

    margin: 0 0 12px;

}

h4 {

    margin: 0 0 10px;

}

h5 {

    margin: 0 0 0.5em 0;

}

h6 {

    margin: 10px 0;

}

#menu_back {

    background: #000;

}

.top_navigation {

    text-align: center;

    padding: 5px 0;

    margin: 0;

}

.top_navigation > li {

    display: inline-block;

    margin: 0 5px;

}

.top_navigation li a {

    display: block;

    text-transform: uppercase;

    font-size: 13px;

    line-height: 20px;

    color: #fff;

    text-decoration: none;

    font-family: Roboto Condensed, Arial, Helvetica, sans-serif;

    font-weight: 300;

    font-style: normal;

}

.top_navigation > li:hover > a {

    color: #fff;

    background: #333;

}

.top_navigation > li:hover > a {

}

    /*** ESSENTIAL STYLES ***/

.top_navigation, .top_navigation * {

    margin: 0;

    padding: 0;

    list-style: none;

}

.top_navigation li {

    position: relative;

    padding: 0 !important;

    z-index: 9999;

}

.top_navigation ul {

    position: absolute;

    display: none;

    top: 100%;

    left: 0;

    z-index: 999;

}

.top_navigation > li {

    float: left;

}

.top_navigation li:hover > ul,
.top_navigation li.sfHover > ul {

    display: block;

}

.top_navigation a {

    display: block;

    position: relative;

}

.top_navigation ul ul {

    top: 0;

    left: 100%;

}

    /*** DEMO SKIN ***/

.top_navigation {

    float: left;

    margin-bottom: 0em;

}

.top_navigation ul {

    min-width: 12em; /* allow long menu items to determine submenu width */

    *width: 12em; /* no auto sub width for IE7, see white-space comment below */

}

.top_navigation > li > a {

    text-transform: uppercase;

    color: #fff;

}

.top_navigation > li {

    background: none !important;

}

.top_navigation a {

    padding: .55em 1em;

    text-decoration: none;

    zoom: 1; /* IE7 */

}

.top_navigation ul a {

    color: #fff;

}

.top_navigation li {

    /*background: #BDD2FF;*/

    white-space: nowrap; /* no need for Supersubs plugin */

    *white-space: normal; /* ...unless you support IE7 (let it wrap) */

    -webkit-transition: background .2s;

    transition: background .2s;

}

.top_navigation ul li {

    background: #000;

    border-bottom: #666666 solid 1px;

    text-transform: uppercase;

    text-align: left;

}

.top_navigation ul ul li {

    background: #000;

}

.top_navigation li:hover {

    background: #fff;

    /* only transition out, not in */

    -webkit-transition: none;

    transition: none;

}

.top_navigation li li:hover > a {

    color: #000;

}

    /*** arrows (for all except IE7) **/

.sf-arrows .sf-with-ul {

    padding-right: 2.5em;

    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */

}

    /* styling for both css and generated arrows */

.sf-arrows .sf-with-ul:after {

    position: absolute;

    top: 8px;

    right: 1em;

    content: "\f0d7";

    font-family: fontawesome;

}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {

}

    /* styling for right-facing arrows */

.sf-arrows ul .sf-with-ul:after {

}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {

}

.man_box, .intro {

    opacity: 0;

}


.serv_top {

    border-color: transparent transparent #FF9900 transparent;

}

.serv_bot {

    border-color: transparent #FF9900 transparent transparent;

}


.portfolio_top {

    border-color: transparent transparent transparent #44A5AC;

}

.portfolio_bot {

    border-color: #44A5AC transparent transparent transparent;

}


.contact_us_top {

    border-color: transparent transparent #4c4c4c transparent;

}

.contact_us_bot {

    border-color: transparent #4c4c4c transparent transparent;

}


@media (max-width: 1024px) {

    .intro {

        background-attachment: scroll;

        background-size: cover;

        background-repeat: no-repeat;

    }

}

@media (min-width: 769px) and (max-width: 979px) {

    .logo {

        float: none;

        clear: both;

    }

    .nav {

        float: none;

        clear: both;

        width: 100%;

    }

    .container {

        width: 768px;

    }

}

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

    body {

        margin-top: 78px;

    }

    .nav {

        float: none;

    }

    .logo {

        text-align: center;

        margin: 0 -100px;

        background: #000;

        float: none !important;

        height: 100px;

    }

    nav {

        float: none;

        clear: both;

        width: 100%;

        text-align: center;

    }

    nav li {

        float: none;

        display: inline-block;

    }

    .container {

        width: 680px;

    }

    .speed_box {

        width: 40%;

        margin: 0 5%;

    }

    .speed_box.ipad {

        clear: both;

    }

    nav a {

    }

    nav a span.arr {

        border-width: 7px 42.5px 0;

    }

    h1 {

        font-size: 50px;

        line-height: 50px;

    }

    h2 {

        font-size: 36px;

        line-height: 36px;

    }

    h3 {

        font-size: 36px;

    }

    h4 {

        font-size: 24px;

        line-height: 24px;

    }

    h5 {

        font-size: 15px;

    }

    .pricing_table .span4 {

        margin-bottom: 10px;

    }

    .footer_bottom {

        text-align: center;

    }

    header {

        background: none;

    }

    .top_box_left,
    .top_box_right {

        margin-bottom: -1px;

    }

    .bot_box_left,
    .bot_box_right {

        margin-top: -1px;

    }

    nav a span.arr {

        margin-top: 34.5px;

    }

    .isotope-item {

        margin: 0 10px 10px 0;

    }

    nav li.current a span.hover {

        transition: all .5s;

        top: -1px;

    }

    nav li:hover a span.hover {

        transition: all .5s;

        top: -1px;

    }

    body {

        padding: 0;

    }

    .paralax {

        position: absolute;

        top: 0px;

        bottom: auto;

        left: 0;

        width: 100%;

        height: auto;

        z-index: -1;

    }

    .tinynav {

        display: block;

        appearance: none;

        background: #000;

        color: #fff;

        text-align: center;

        font-size: 16px;

        line-height: 16px;

        width: 50%;

        border: none;

    }

    .top_navigation {

        display: none;

    }

}

@media (max-width: 480px) {

    .col {

        width: auto !important;

        float: none;

        clear: both;

        margin-bottom: 10px;;

    }

    .one_third {

        overflow: hidden;

    }

    .reading-box p {

        margin: 15px 0px 0 0 !important;

    }

    .top_navigation {

        display: none;

    }

    .tinynav {

        width: 100%;

        border: none;

        display: block !important;

        appearance: none;

        background: #000;

        color: #fff;

        text-align: center;

        font-size: 16px;

        line-height: 16px;

    }

    .slide_text .title3 {

        font-size: 14px;

        font-weight: 300;

        line-height: 18px;

        margin-bottom: 15px;

        width: 48%;

    }

    .serv_corusel li:hover i {

        transition: none;

        -webkit-transform: none;

        -moz-transform: none;

        -o-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .isotope-item:hover img {

        -webkit-transform: none;

        -moz-transform: none;

        -o-transform: none;

        -ms-transform: none;

        transform: none;

    }

    .pricing_table .span4 {

        margin-bottom: 10px;

    }

    .container {

        width: 290px;

    }

    div.nav {

        display: none !important;

    }

    h1 {

        font-size: 26px;

        line-height: 26px;

    }

    h2 {

        font-size: 20px;

        line-height: 22px;

    }

    .team_photo h2 {

        line-height: 52px;

    }

    h3 {

        font-size: 22px;

    }

    h4 {

        font-size: 18px;

        line-height: 18px;

    }

    h5 {

        font-size: 13px;

    }

    .footer_bottom {

        text-align: center;

    }

    .speed_box {

        width: auto;

        margin: 0 0 15px;

        float: none;

        clear: both;

    }

    header {

        background: #000 !important;

        height: auto;

        padding: 5px !important;

        height: 70px !important;

    }

    .logo {

        text-align: center;

        float: left;

        height: auto;

        padding: 5px 0;

    }

    .logo img {

        margin: 0px 0 0 !important;

    }

    body {

        font-size: 16px;

        margin-top: 80px;

    }

    .sub_title {

        margin-top: 0;

        margin-bottom: 25px;

        background: none;

        font-size: 16px;

    }

    .sub_title .plug {

        background: none;

        display: block;

    }

    .back2top {

        bottom: -20px;

    }

    .service_box {

        margin-top: -25px;

    }

    .intro {

        margin: -25px 0 0;

        height: 250px;

        background-attachment: scroll;

        background-size: cover;

        background-repeat: no-repeat;

    }

    .section2 .man_box {

        margin-top: -25px;

    }

    .section2 .intro {

        display: none;

    }

    .section3 .man_box {

        margin-top: -25px;

    }

    .section4 .man_box {

        margin-top: -25px;

    }

    .section5 .man_box {

        margin-top: -25px;

    }

    .section6 .man_box {

        margin-top: -25px;

    }

    .intro_pad .man_box {

        padding: 65px 0 0;

    }

    .section2 .top_box, .section4 .top_box, .section6 .top_box, .section8 .top_box {

        border-style: solid solid solid dashed;

        border-width: 0 0 20px 480px;

    }

    .section3 .top_box, .section5 .top_box, .section7 .top_box, .section9 .top_box {

        border-width: 20px 0 0 480px;

        border-style: solid dashed solid solid;

    }

    .section2 .bot_box, .section4 .bot_box, .section6 .bot_box, .section8 .bot_box {

        border-width: 0 480px 20px 0;

        border-style: solid dashed solid solid;

    }

    .section3 .bot_box, .section5 .bot_box, .section7 .bot_box, .section9 .bot_box {

        border-width: 20px 480px 0 0;

        border-style: solid dashed solid solid;

    }

    footer {

        margin: -25px 0 0;

    }

    .mob_nav {

        display: block !important;

        margin: 0 auto;

        width: auto;

        float: right;

        position: relative;

        z-index: 999;

    }

    .mob_nav ul {

        list-style: none;

        padding: 0;

        display: none;

        margin: 0;

        position: absolute;

        right: 0;

        z-index: 999;

    }

    .mob_nav ul li a {

        display: block;

        padding: 7px 7px 7px 15px;

        color: #fff;

        text-decoration: none;

        text-transform: uppercase;

    }

    .trigger {

        margin-right: 10px;
        margin-top: 3px;

        cursor: pointer;

        display: inline-block;

        background: url(http://top5writingservicesreviews.com/wp-content/themes/parasponsive/images/mob_menu.png) no-repeat center;

        color: #fff;

        width: 30px;

        height: 30px;

    }

    .post {

        margin: 30px 0;

        padding-bottom: 30px;

    }

    .entry {

        font-size: 13px;

    }

    #blog {

        margin-bottom: 25px;

        padding: 25px 0 0;

    }

    .top_box {

        margin-bottom: -1px;

    }

    .bot_box {

        margin-top: -1px;

    }

    .paralax {

        position: absolute;

        top: 0px;

        bottom: auto;

        left: 0;

        width: 100%;

        height: auto;

        z-index: -1;

    }

}

@media (max-width: 400px) {

    .intro {

        margin: -25px 0;

        height: 200px;

    }

    .intro_pad {

        padding: 60px 0 0;

    }

}

@media (min-width: 1125px) {
.topservices {
    width: 1150px;
	margin: auto;
}
}

@media (max-width: 1120px) and (min-width: 690px) {
.topservices {
    width: 690px;
	margin: auto;
}
.fourth, .fifth {
display: none;
}
}
@media (max-width: 690px) and (min-width: 645px) {
.fourth, .fifth{
display: none;
}
.topservices
{
	width: 640px;
	margin: auto;	
}
.services {
width: 155px;
}
.services-highlight {
width: 180px;
}
}
@media (max-width: 645px) {
.fourth, .fifth, .second, .third {
display: none;
}
.topservices {
width: 255px;
margin: auto;
display: block;
}
}
.review-link {
margin: 0;
padding-top: 5px;
}
.first .review-link {
/*padding-top: 0;*/
}
.review-link a {
color: black;
    font-size: 15px;
}