/*Theme Name: Stutzen -MAJ
URI: http://www.stutzen.co
Author: The Stutzen TeamAuthor
URI: http://www.stutzen.co
Description: Stutzen theme for Sadeem
Version: 1.0License: GNU General Public License v2 or later
License URI: http://www.stutzen.co
Tags: Custom themeText Domain: Stutzen*/

#wpadminbar {
    display: none !important;
}
img {
    max-width: 100%;
}
/* ========================================================== */
/* 1.GENERAL */
/* ========================================================== */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #000;
    font-family: 'Lato', sans-serif;
}
body {
    background: #fff; font-size: 12px; font-weight: 300;
    font-family: 'Lato', sans-serif;
}
header {
    background: transparent;
}
a {
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

/* WIGET ==================================================================*/
.color-gold {color: #cca938;}
.color-gold a {color: #cca938;}
.flex {display: flex;}

.btn {border-radius: 0;}
.btn:hover, .btn:focus, .btn.focus {
    color: #cca938; background: #FFF;
    text-decoration: none;
}

.form-control {border-radius: 0;    box-shadow: initial; height: 44px; padding: 5px 10px;}
.form-control:focus { border-color: #cca938;
                      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(204, 169, 56);
                      box-shadow: inset 0 1px 1px rgba(204, 169, 56, 0.2), 0 0 8px rgba(204, 169, 56, 0.5);
}

.bg-white {
    background-color: #FFF;
}

.toppadding {
    padding-top: 30px !important;
}
.bottompadding {
    padding-bottom: 30px !important;
}
.toppaddingsm {
    padding-top: 15px !important;
}
.bottompaddingsm {
    padding-bottom: 15px !important;
}
.topmargin {
    margin-top: 30px !important;
}
.bottommargin {
    margin-bottom: 30px !important;
}
.topmarginsm {
    margin-top: 15px !important;
}
.bottommarginsm {
    margin-bottom: 15px !important;
}
.notopmargin {
    margin-top: 0px !important;
}
.center {
    text-align: center !important;
}
.right {
    text-align: right;
}
.left {
    text-align: left;
}
.f-right {
    float: right;
}
.f-left {
    float: left;
}
.uppercase {
    text-transform: uppercase;
}
p {
    margin: 0;
}

/* Header */

.head-p {
    background: #304175;
    color: #FFF;
    font-size: 12px;
    position: relative;
    overflow: hidden;
    padding: 7px 0;
}
.head-p a {
    color: #FFF;
    text-decoration: none;
}
.head-p i {
    display: inline-block;
    margin: 0 2px 0 10px;
    color: #85c557;
}
.head-p a i {
    color: #FFF;
}
.head-p:before {
    background: #fff;
    content: "";
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    left: -50%;
    transform: rotate(0deg) skew(45deg);
    -moz-transform: rotate(0deg) skew(45deg);
    /* Firefox */

    -webkit-transform: rotate(0deg) skew(45deg);
    /* Safari and Chrome */

    -o-transform: rotate(0deg) skew(45deg);
    /* Opera */
}
.nav-logo {display: block;
           margin-top: -70px;
           margin-left: 30px;
}
.header-bg.scroll img.header-toplogo.fixed {
    display: block;
    width: 50px;
}
.header-bg.scroll .top-menu {
    margin-top: 0px;
}
.header-bg {
    position: relative;
    z-index: 999;
    top: 0;
    width: 100%;
    background: #FFF;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    /* box-shadow: 0 0px 10px rgba(0,0,0,0.3)*/
}
.header-bg.scroll .primary-menu li.current_page_item a {background-position: 50% 0;}
.navbar-brand > img {margin: 0 auto; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out;  transition: all .3s ease-out; }
.header-bg.scroll .navbar-brand > img{width: 84px; margin: 0 auto 4px;}
.header-bg.scroll .navbar-brand {margin-top: 0;}
.header-bg.scroll .navbar {padding: 0;}


.navbar {
    padding: 0px;
    min-height: 0px;
}
/* Header */
/**** Footer   ****/



footer h3 {color: #000;margin: 0;}
footer h3.footer-associates {font-size: 30px;font-weight: 300;}
footer h4 {color: #000;margin: 0; font-weight: 300;font-size: 14px;}
.footsize {background: rgba(255,255,255,0.5)}
footer .social-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
footer .social-menu li {
    margin: 0;
    padding: 0;
    list-style: none;
}
footer a {
    color: #b9951f;
}
footer .social-menu li a {
    color: #cca938;
}
footer .social-menu li a:hover {
    color: #000;
}
footer .addre h4 {
    color: #FFF;
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: bold;
}
footer .tel {
    color: #7caee5;
}
footer .tel strong {
    color: #FFF;
    display: inline-block;
    clear: both;
    margin-right: 5px;
}
footer .follo h4 {
    color: #FFF;
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: bold;
}
footer .follo ul,
footer .follo li {
    margin: 0;
    padding: 0;
    list-style: none;
}
footer .follo li {
    float: left;
    margin: 0 5px 0 0;
}
footer .follo li a {
    display: block;
    color: #1f66b4;
    background: #FFF;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    text-align: center;
    padding: 4px 0 0 1px;
}
.footsize {
    font-size: 12px;
}

#back-to-top {position: fixed; bottom: 20px; right: 20px; border: 1px solid #000; background: #000; color: #FFF; padding: 5px 7px;; }
#back-to-top:hover {color: #000; background: #FFF; text-decoration: none; }

/* ========================================================== */
/* HEADER LAZZY */
/* ========================================================== */

.creative-solution {
    color: #FFF;
}
.creative-solution h1 {
    padding: 200px 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 60px;
}
.b-main-container {
    width: 100%;
}
.b-pic--place {
    background-attachment: fixed;
    background-size: cover;
    height: 100vh;
    position: relative;
}
.creative-solution,
.b-pic--place {
    background: url('./images/banner.jpg') no-repeat fixed;
    background-size: cover;
}
.banner-img {
    height: calc(100% - 20px);
    position: absolute;
    width: 100%;
}
.banner-img .left,
.banner-img .center,
.banner-img .right {
    position: absolute;
    bottom: 0;
}
.banner-img .left {
    left: 0;
}
.banner-img .center {
    width: 100%;
    text-align: center;
    bottom: calc(57% - 160px);
}
.banner-img .right {
    right: 0;
}
.b-pic--place1 {
    background-size: cover;
    height: 100vh;
    position: relative;
}
.img_escrow {
    background-image: url(./images/img-1.jpg);
    background-attachment: fixed;
    background-size: cover;
    height: 100vh;
    position: relative;
}
.logged-in .b-pic--place {
    height: 100vh;
}
.b-pic__check {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #de443a;
    padding: 20px 35px;
    color: #fff;
    min-width: 260px;
}
.b-pic__check__amount {
    font: 500 24px 'Open Sans', sans-serif;
    clear: right;
}
.b-pic__check__title {
    clear: right;
}
.b-pic__check__icon {
    float: left;
    margin: 10px 20px 0 0;
    font-size: 30px;
}
.b-placeholder--fadeout {
    opacity: 0;
}
.b-placeholder,
.escroe_64img,
.base64cart,
.base64financial,
.base64broker,
.base64law_firm,
.base64private {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 1s ease 0s;
}
.b-pic--place .carousel-caption {
    top: 85px;
    width: 100%;
    left: 0;
    height: calc(100% - 85px);
}
.b-pic--place .carousel-caption .slide {
    margin-top: 25%;
}
.b-pic--place .carousel-caption .img {
    margin-top: 6%;
}
.b-pic--place .carousel-caption .img img {
    max-height: 500px;
}
.b-pic-hgroup,
.promo {
    padding-top: 0;
    position: relative;
    animation: fadein 2.5s;
    -moz-animation: fadein 2.5s;
    -webkit-animation: fadein 2.5s;
    -o-animation: fadein 2.5s;
}
.absol,
#hdr,
#carousel-example-generic .rht,
.slide {
    position: relative;
    animation: fadein 2.5s;
    -moz-animation: fadein 2.5s;
    -webkit-animation: fadein 2.5s;
    -o-animation: fadein 2.5s;
}
.promo {
    padding-top: 0;
}
.lazy-cont {
    z-index: 2;
    position: relative;
    height: 100%;
}
.fadein {
    display: none;
}
.fadein.active {
    display: block;
    animation: 1s ease 0s normal none 1 running fadein;
    -moz-animation: 1s ease 0s normal none 1 running fadein;
    /* Firefox */

    -webkit-animation: 1s ease 0s normal none 1 running fadein;
    /* Safari and Chrome */

    -o-animation: 1s ease 0s normal none 1 running fadein;
    /* Opera */
}
.post-thumbnail {
    text-align: center;
    max-height: 370px;
    overflow: hidden;
    position: fixed;
    width: 100%;
    top: 0;
}
@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes fadein {
    /* Firefox */

    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadein {
    /* Safari and Chrome */

    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes fadein {
    /* Opera */

    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/* ========================================================== */
/* HEADER LAZZY AND */
/* ========================================================== */

main {
    background: #fff;
}
.clear {
    clear: both;
}
button,
p,
span {
    -moz-transition: background 0.1s 0.02s ease;
    -o-transition: background 0.1s 0.02s ease;
    -webkit-transition: background 0.1s 0.02s ease;
    transition: 0.2s ease;
}
a {
    -moz-transition: color 0.1s 0.02s ease;
    -o-transition: color 0.1s 0.02s ease;
    -webkit-transition: color 0.1s 0.02s ease;
    transition: 0.2s ease;
}
/* ========================================================== */
/* 1.1 MENU */
/* ========================================================== */

.dropdown-menu {
    display: block !important;
    position: absolute;
    visibility: hidden;
    font-size: 14px;
    font-weight: 400;
    opacity: 0 !important;
    margin-top: -1px !important;
    -webkit-transform: translateY(10px) !important;
    -ms-transform: translateY(10px) !important;
    -o-transform: translateY(10px) !important;
    transform: translateY(10px) !important;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1) !important;
    -o-transition: all .3s cubic-bezier(.645, .045, .355, 1) !important;
    transition: all .3s cubic-bezier(.645, .045, .355, 1) !important;
    z-index: 9999;
}
.dropdown:hover > .dropdown-menu {
    visibility: visible !important;
    transform: translateY(0) !important;
    opacity: 1 !important;
}
.dropdown:hover > .dropdown-menu .dropdown-menu {
    display: none !important;
}
.navbar-nav > li {
    float: left;
    margin-top: 8px;
    position: relative;
}
ul.hidden_menu li {
    padding: 10px 0;
    background: #f4f4f4;
    font-family: 'Lato', sans-serif;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
ul.hidden_menu li:hover {
    color: #fff;
    background: #4396E6 !important;
}
ul.hidden_menu li a {
    color: #337ab7;
    text-decoration: none;
}
ul.hidden_menu li:hover a {
    text-decoration: none;
    color: #fff;
    background-color: transparent;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
}
ul.hidden_menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}
ul.hidden_menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    float: left;
    min-width: 160px;
    padding: 7px 0 5px;
    list-style: none;
    font-size: 14px;
    text-align: left;
    border-radius: 4px;
    z-index: 1000;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
li.open_menu:hover ul.hidden_menu {
    display: block;
}
.dropdown:hover > .dropdown-menu {
    display: block;
}
/* ========================================================== */
/* 1.1 MENU AND */
/* ========================================================== */
/* ========================================================== */
/* 1.2 TITLE */
/* ========================================================== */

.title {}.title p {
    font-size: 12px;
    color: #1f242a;
    font-weight: 700;
    margin: 0;
}
.team_brocker .title p,
.team_brocker .title h2 {
    color: #000;
}
.team_brocker .title h2 {
    margin: 11px 0 36px 0;
}
.title h2 {
    font-size: 26px;
    color: #1f242a;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 10px;
}
.title h3 a {
    font-size: 14px;
    color: #1f242a;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 10px;
}
.title h3 {
    font-size: 20px;
}
.title hr {
    height: 5px;
    background: #e9e9e9;
    border-radius: 5px;
    width: 45px;
    margin-bottom: 0px;
}

/* ========================================================== */
/* 2.1 NAVIGATION */
/* ========================================================== */

.nav {
    font-weight: 500;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    margin-top: 12px;
    color: #444;
}
.nav i {
    font-size: 15px !important;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.primary-menu,
.primary-menu ul {
    list-style: none;
}
.primary-menu li {
    float: left;
    position: relative;
    list-style: none;
    padding: 0 2px 0px;
    font-weight: 600;
}
.primary-menu li a {
    padding: 15px;
    border-top: 3px solid transparent;
    display: inline-block;-webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    background-position: 50% 30px;
    color: rgba(255, 255, 255, 0.56)!important;
}
.primary-menu li > a {
    color: rgba(255, 255, 255, 0.65)!important;
    font-size: 12px;
    font-weight: 100;
}
.header-bg.scroll .primary-menu li > a {padding: 16px 12px 12px;}
.header-bg.scroll .header-a {margin-top: 9px; display: inline-block;}

.top-menu .col-sm-2 {width: 16.8%;}
.top-menu .col-sm-5 {width: 41.6%;}

.nav li {
    text-transform: uppercase;
}
.fixed .primary-menu li > a {
    color: #343434;
}
.primary-menu li > a:hover {
    color: #5ac9f4;
}
.primary-menu ul {
    margin: 0;
    padding: 0;
}
.primary-menu li .sub-menu li {
    float: none;
    border: 0;
}
.primary-menu li .sub-menu a {
    display: block;
    text-decoration: none;
    color: #0a202b;
    padding: 10px 15px;
}
.primary-menu li .sub-menu a:hover {
    color: #902626;
}
.primary-menu li .sub-menu {
    background: #FFF;
    position: absolute;
    left: 0;
    width: 270px;
    z-index: 9;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.primary-menu li:hover .sub-menu {
    display: block;
}
.primary-menu .active > a {
    color: #cca938;
}
.primary-menu > li > a:hover,
.primary-menu > li > a:focus {
    text-decoration: none;
    color: white !important;
}
.primary-menu .cart span {
    font-family: 'Lato', sans-serif;
    display: inline-block;
    height: 16px;
    width: 20px;
    position: relative;
    top: -5px;
    left: -3px;
    background: #ff5464;
    color: #fff;
    font-size: 12px;
    border-radius: 100%;
    text-align: center;
    padding-bottom: 20px;
}
.primary-menu a {
    -webkit-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}
.primary-menu .current_page_item > a {
    color: white !important;
    /*  background: #85c557;*/
}
.primary-menu li {
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.main-2 .nav li:hover {
    background: rgba(0, 151, 233, 0.1);
}
.primary-menu .dropdown-menu {
    padding: 0;
    border: 0;
    padding-top: 5px;
    background: transparent;
    left: 0;
}
.primary-menu .dropdown-menu li {
    padding: 10px 0;
    background: #f4f4f4;
    font-family: 'Lato', sans-serif;
}
.primary-menu .dropdown-menu li:hover {
    color: #fff;
    background: #4396E6;
    cursor: pointer;
}
.primary-menu .dropdown-menu li:hover a {
    text-decoration: none;
    color: #fff;
    background-color: transparent;
    font-family: 'Lato', sans-serif;
}
.primary-menu .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: transparent;
    font-family: 'Lato', sans-serif;
}
.primary-menu {
    margin: 0;
    padding: 0;
}
/********************************************blog page*****************************************/
.header-top{
    background: white;
    text-transform: uppercase;
    color: black;
}
.header-title{font-size: 20px;font-weight: 600;padding: 15px 0px;}
.navbar-toggle{display: block !important;}
.right-ul{list-style: none;border-left: 3px dotted;padding-left: 15px;}
.left-ul{list-style: none;text-align: right;}
.hr1{border: 3px solid;
     width: 44%;
     float: left !important;
     margin-bottom: 15px;
     margin-top: 0px;
}
.hr_name{border: 3px solid;
     width: 77%;
     float: left !important;
     margin-bottom: 15px;
     margin-top: 0px;
}
.head1{
    width: 100%;
    float: left;
    margin-top: 0px;
}.div1{min-height: 280px;}
.head2{ width: 100%; float: left;margin-top: 0px;font-family: antonio;font-size: 65px;}
.hr2{border: 2px solid;width: 62%;margin-bottom: 15px;float: right;}
.hr2_portfolio{border: 2px solid;width: 72%;margin-bottom: 15px;float: right;}
body{font-family: 'Poppins', sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Poppins', sans-serif;}
.hr3{width: 30%;float: left; border: 2px dotted;margin-bottom: 0px;}
.para1{float: left;
       width: 40%;
       text-align: left;
       clear: both;
       font-size: 22px;
       color: #000000c2;
       letter-spacing: 1px;line-height: 30px;}
.para4{float: left;
       width: 40%;
       text-align: left;
       clear: both;
       font-size: 22px;
       color: #000000c2;
}
.inner-div{
    position: absolute;width: 100%;top:35%;
}@font-face {
    font-family: antonio;
    src: url(fonts/Antonio-Regular.ttf);
    font-weight: normal;
}.div2{min-height: 380px;}
.spr{ color: gray;
      font-size: 17.5px;
      width: 100%;
      text-align: right;
      float: right;
      letter-spacing: 2px;}
.hr4{width: 60%;float: right; border: 2px dotted;margin-bottom: 0px;}
.para2 {
    float:right;
    width: 100%;
    text-align: right;
    clear: both;
    font-size: 22px;
    color: #000000c2;
    letter-spacing: 2px;
    line-height: 30px;
    margin: 10px 0px 0px;
}.div3{min-height: 520px;}
.inner-head{font-size: 19px;}
.div4{min-height: 510px;}
.div5{ min-height: 420px;}
.inner-para{font-size: 15px;color: #00000082;}
.inner-para1{
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600;
    color: #00000087;
}.captialize{text-transform: capitalize;}
.inner-hr{width: 15%;border: 2px dotted;}
.para3 {
    float: right;
    width: 100%;
    text-align: right;
    clear: both;
    font-size: 22px;
    color: #000000c2;
    letter-spacing: 2px;
    line-height: 30px;
    margin: 10px -7px 0px;
}.hr5{
    width: 42%;
    float: right;
    border: 2px dotted;
    margin-bottom: 0px;
}.inner-ul{border-left: 5px solid;list-style: none;padding-left: 20px;}
.inner-ul h4{letter-spacing: 2px;font-weight: 600;color: #000000c9;}
.inner-ul p{font-size: 18px;color: #00000082;font-weight: 500;}
.footer-bg{background: #f6ede8;}
.footer-bg p{font-size: 14px;}
.say{font-size: 17px; font-weight: 600; letter-spacing: 3px;}
.say-para{    font-size: 16px;color: #0000005c;font-weight: 600;letter-spacing: 1px;}
.inner-hr1{width: 10%;border: 1px dashed;}
.home-con label{width: 100%;}
.con-txt{width: 100%;
         padding: 15px 0px 15px 50px;
         border-radius: 10px;
         border: 1px solid #80808063;font-size: 15px;}
.home-con{    width: 68%;  margin: 0 auto !important;margin-bottom: 8% !important;}
.home-con .submit{
    margin-right: 20px;
    margin-top: 10px;
    padding: 9px 20px;
    background: transparent;
    font-family: poppins;
    font-weight: bold;
	float:right;
	border: 1px solid #b8b8b8;
    border-radius: 4px;
	font-size: 14px;
    color: #484747ed;
}.con-icon{
    position: absolute;
    top: 28px;
    left: 27px;
}.toppaddingxm{padding-top: 22px !important;}
/*********************mob view**********************/
@media (max-width:767px){
    .col-sm-4 {
        width: 33.33333333%;
        float: left;
    }
    .col-sm-8 {
        width: 66.66666667%;
        float: left;
    }
     .col-sm-10 {
        width: 80.88888889%;
        float: middle;
    }
    .col-sm-full {
        width: 98.66666667%;
        float: middle;
    }
    .hr1{width: 76%;}
    .para1{width: 100%;}
    .hr3{width: 94%;}
    .head2{font-size: 32px;}
    .hr2{width: 95%;}
 .hr2_portfolio{width: 95%;}
    .para2 {
        width: 95%;
        font-size: 19px;
        margin: 10px 6px 0px;
    }.hr5{width: 95%;}
    .inner-ul{padding-left: 10px;}
    .home-con{width: 100%;}
   .div2 {min-height: 225px;}
   .div3 {min-height: 172px;}
    .div4 { min-height: 183px;}
    .div5 { min-height: 183px;}
    .para3 {
        width: 100%;
        text-align: right;
        font-size: 20px;
        letter-spacing: 1px;
        margin: 10px 0px 0px;
    }.hr4 { width: 96%;}
    .home-con .submit { margin-top: -11%; width: 16%;right: 10%;}
}.primary-menu li > a{color:black !important;font-weight: 500;font-size: 14px;padding: 27px 15px;}
.primary-menu li > a:hover{color:gray !important;}
.primary-menu li.current_page_item a{color:gray !important;}
.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 10px;
    left: 0;
    background:white;
    overflow-y: hidden;
    transition: 0.5s;
}
.overlay .closebtn:hover{text-decoration:none;}
.overlay .closebtn {
    position: absolute;
    top: 8px;
    right: 133px;
    font-size: 50px;
    color: black;
	font-family:initial;
}.top-bg{background: #f6ede8;height: 10px;}
.row{margin:0px;}
.p-one{font-family: antonio;font-size:50px;    text-transform: uppercase;
       border-top: 5px solid;
       width: max-content;
       padding-top: 10px;
}.gra p{    line-height:40px;
            font-size: 16px;}
.i-para{font-style: italic;
        font-weight: 600;
        font-size: 12px;
        line-height: 25px;
}.justify{text-align:justify;}
.para-line{border: 1px dotted;
           width: 70%;
           text-align: left;
           margin: 0px 0px 10px;}
.gap-div{    height: 220px;}
.i-para{    font-size: 14px;}
.sec1-para{font-size: 14px;line-height: 28px;}
/**************TimeLine.js******************/
.cd-container {
    /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
    width: 90%;
    max-width: 1170px;
    margin: 0 auto;
}
.cd-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}

/* --------------------------------

Main components

-------------------------------- */

header h1 {
    color: white;
    font-size: 18px;
    font-size: 1.125rem;
}
@media only screen and (min-width: 1170px) {
   
    header h1 {
        font-size: 24px;
        font-size: 1.5rem;
    }
}

#cd-timeline {
    position: relative;

    margin-top: 2em;
    margin-bottom: 2em;
}
#cd-timeline::before {
    /* this is the vertical line */
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    border-left:3px dotted #000;
}
@media only screen and (min-width: 1170px) {
    #cd-timeline {
        margin-top: 5em;
        margin-bottom: 3em;
    }
    #cd-timeline::before {
        left: 35%;
        margin-left: -2px;
    }
}

.cd-timeline-block {
    position: relative;

}
.cd-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}
.cd-timeline-block:first-child {
    margin-top: 0;
}
.cd-timeline-block:last-child {
    margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
    .cd-timeline-block {
        margin: 0em 0;
    }
    .cd-timeline-block:first-child {
        margin-top: 0;
    }
    .cd-timeline-block:last-child {
        margin-bottom: 0;
    }
}

.cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    display:none;
}
.cd-timeline-img.cd-picture {
    display:none;
    background: #75ce66;
}
.cd-timeline-img.cd-movie {
    background: #c03b44;
    display:none;
}
.cd-timeline-img.cd-location {
    background: #f0ca45;
    display:none;
}
@media only screen and (min-width: 1170px) {
    .cd-timeline-img {
        width: 60px;
        height: 60px;
        left: 50%;
        margin-left: -30px;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }
    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden;
    }
    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 0.6s;
        -moz-animation: cd-bounce-1 0.6s;
        animation: cd-bounce-1 0.6s;
    }
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}
@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}
.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: white;
    border-radius: 0.25em;
    padding: 1em;

}
.cd-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}
.cd-timeline-content h2 {
    color: #303e49;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
   
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    display: inline-block;
}
.cd-timeline-content p {
   
}
.cd-timeline-content .cd-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: white;
    border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7;
}
.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
    .cd-timeline-content h2 {
        font-size:30px;
    }
    .cd-timeline-content p {
       
    }
    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
        font-size: 14px;
        font-size: 0.875rem;
    }
}
@media only screen and (min-width: 1170px) {
    .cd-timeline-content {
        margin-left: 9px;
        padding: 7px;
        width: 60%;
        float:left;
    }
    .cd-timeline-content::before {
        top: 20px;
        left: 100%;
        border-color: transparent;
        border-left-color: white;
    }
    .cd-timeline-content .cd-read-more {
        float: left;
    }
    .cd-timeline-content .cd-date {
        position: absolute;
        width: 100%;
        display: none;
        top: 6px;
        font-size: 16px;
        font-size: 1rem;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content {
        
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: white;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
        float: right;
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right;
    }
    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden;
    }
    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 0.6s;
        -moz-animation: cd-bounce-2 0.6s;
        animation: cd-bounce-2 0.6s;
    }
}

@media only screen and (min-width: 1170px) {
    /* inverse bounce effect on even content blocks */
    .cssanimations .cd-timeline-block .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 0.6s;
        -moz-animation: cd-bounce-2-inverse 0.6s;
        animation: cd-bounce-2-inverse 0.6s;
    }
}
@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}
@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}
@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
    }

    100% {
        -moz-transform: translateX(0);
    }
}
@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

.cd-timeline-content-left{
    margin-left: 0;
    padding: 0.6em 1.7em;
    width: 35%;
    float: left;
    text-align: right;
    position:relative;
    top:50%;
	transform: translateY(50%);
}
.linked-in{
	border-left:5px solid #000;
    padding-left: 15px;
    margin-bottom: -11px;
    padding: 15px;
    margin-left: -10px;
	margin-top:75px;
}

/****************resume****************/
.cd-timeline-content-left-resume{
    margin-left: 0;
    width: 35%;
    float: left;
    text-align: right;

    padding:0 23px;
}
.resume-upload{
    max-width:270px;
    float:right;
	margin-right:-1px;
}
.div-resume-name{
    width:44%;
}
.resume-page .hr1 {
    border: 3px solid;
    width: 77%;
    float: left !important;
    margin-bottom: 15px;
    margin-top: 0px;
}
.resume-head{
    font-family: antonio;
    font-size: 60px!important;
}
.block-1{
    min-height: 400px;
}
.resume-hr-line .hr2{
    border: 3px solid;
    width:25%;
    float: left !important;
    margin-bottom: 15px;
    margin-top: 0px;
}
.resume-left-haed{
    margin-top: 0;
    font-weight: bold;
    font-size: 28px;
}
.resume-left-content{
    text-align:right;
    margin-top: 30px;
    margin-bottom: 60px;
}
.spr-resume{
    color: gray;
    font-size: 17.5px;
    width: 100%;
    text-align: right;
    float: right;
}
.resume-right-content{
    text-align: left;
    margin-top: 50px;
    margin-bottom: 60px;
}
.resume-right-content-reference{
    text-align: left;
    margin-top: 45px;
    margin-bottom: 40px;
}
.spr-resume-right{
    color: gray;
    font-size: 17.5px;
    width: 100%;
    text-align: left;
    float:left;
}
.sec-para{margin-top:35px;}
.sec-head{line-height: 10;}
.sec-head1{line-height: 8;}
/*****************Radio Button*********************/
.maxl{

}
.inline{
    display: inline-block;
}
.inline + .inline{
  
}
.radio{
    color:#999;
    font-size:15px;
    position:relative;
}
.radio span{
    position:relative;
    padding-left:20px;
}
.radio span:after{
    content:'';
    width:22px;
    height:22px;
    border:1px solid #02020259;
    position:absolute;
    left:0;
    top:1px;
    border-radius:100%;
    -ms-border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
.radio input[type="radio"]{
    cursor: pointer;
    position:absolute;
    width:100%;
    height:100%;
    z-index: 1;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.radio input[type="radio"]:checked + span{
    color:#0B8;
}
.radio input[type="radio"]:checked + span:before{
    content:'';
    width:12px;
    height:12px;
    position:absolute;
    background:#333;
    left:5px;
    top:6px;
    border-radius:100%;
    -ms-border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
}
.radio{
    margin-top:0px!important;
    margin-bottom:0px!important;
}
.skillset{margin-top:5px;}
/********Graduation***************/
.graduation-button{min-height:200px;background:#333;position:relative;}
.graduation-button .graduation-anchor{
	    color: #fff;
    padding: 10px;
    border: 2px solid #fff;
    border-radius: 50px;
    padding: 13px 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -23px 0 0 -88px;
}
.graduation-hover{
	font-size:13px;
	font-weight:normal;
}
.border-hover{
	border-bottom: 2px dotted #333;
    margin-top: 10px;
    width: 50%;
    text-align: center;
    margin: 10px auto;
}

.phase-2 .col-sm-6{width:49%;}
.phase-4 .col-sm-6{padding-right:0;}

.phase-five{position: relative;}
.phase-five-content{position:absolute;bottom:0;}
@media (max-width:768px){
	.overlay .closebtn {
    position: absolute;
    top: 10px;
    right: 45px;
    font-size: 50px;
    color: black;
	}.overlay{height:inherit !important;}
	.primary-menu li{
		padding:0px;
		width:100%;
		float:left;
	}.primary-menu li > a{padding:15px 0px;}
	.header-bg.scroll .primary-menu li > a {
    padding: 15px 0px;
	}.overlay .col-sm-4{width: 0px;padding: 0px;}
	.overlay .col-sm-6{width: 85%;padding: 0px 5px;}
	.overlay .col-sm-2{width: 15%;padding: 0px;float:left;}
}
.header-bg.scroll .overlay{top:0px;}
.page-id-141 .footer-form{display:none;}
.capitalize{text-transform: capitalize;}
.in1{position: relative;}
.inner-div1{position: absolute;top:50%;left:29%;}
.in2{position: relative;}
.inner-div2{position: absolute;top:35%;left:15%;}
.phase-2{width:49.50%;}
.phase4-img img{height:410px;}

#myNav{
    transition: height 1s;
    transition-timing-function: linear;
}
.page-id-181 .footer-form{
	display:none;
}

.project-know-more1{
	position:absolute;
	bottom:10%;
	right:10%;
}
.project-know-more2{
	position:absolute;
	bottom:10%;
	right:10%;
}

.project-know-more3,.project-know-more2,.project-know-more1 {
    position: absolute;
    bottom: 10%;
    right: 5%;
    padding: 8px 10px;
    color: #808080;
    border: 2px solid #000;
    text-decoration: none;
    border-radius: 10px;
}
.project-know-more3 a,.project-know-more2 a,.project-know-more1 a{
	 color: #808080;
}
.project-know-more3 a:hover {
	text-decoration:none;
	color:#fff;
}
.project-know-more1 a:hover {
	text-decoration:none;
	color:#fff;
}
.project-know-more2 a:hover {
	text-decoration:none;
	color:#fff;
}
.project-know-more3 a:hover {
	text-decoration:none;
	color:#fff;
}
.project-know-more3:hover{
	background:#000;
	color:#fff;
}
.project-know-more1:hover{
	background:#000;
	color:#fff;
}
.project-know-more2:hover{
	background:#000;
	color:#fff;
}
.emp2{
	margin-top:72px;
}
.emp2-h{
	margin-top:72px;
}
.linked-resume{
	padding: 6px 8px;
    border: 1px solid #b8b8b8;
    border-radius: 4px;
    margin-top: 5px;
    font-weight: 800;
    color: #686868;
    margin-left: 4px;
    display: block;
    width: 72px;
    float: left;
	font-size: 14px;
}
.linked-in-img{
	float: left;
    margin-top: 4px;
}
.primary-menu li .sub-menu{display:none;}