/*::::::::::::Myghanaonline styles:::::::::::: */
/* ::::::::::::Date: August 10th, 2015:::::::::::: */

/*-----------------------------------------------------------------------------------*/
/*  Import
/*-----------------------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,500italic,400italic);
@import url('../css/font-awesome.min.css');
@import url('../css/font.css');


/*-----------------------------------------------------------------------------------*/
/*  Global
/*-----------------------------------------------------------------------------------*/
body { font-weight: 400; color: #333; color: #727272; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
a {color: #000; outline: none; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease;}
a:hover { color: #49b6ff; text-decoration: none; }
input:focus, textarea:focus {outline: none;}
p { margin-bottom: 1.20em; line-height: 1.4; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; letter-spacing: 0; }
ul { list-style-type: none; margin: 0; padding: 0; }
img { max-width: 100%; height: auto; }


/*-----------------------------------------------------------------------------------*/
/*  Typography
/*-----------------------------------------------------------------------------------*/
body, .footer-menu h5,
.footer-menu form label, .btn,
.package-box .package-title h3,
.our-services h4,
.web-hosting .features-boxed h3 { font-family: "Roboto", Helvetica, serif; line-height: 1.42857143; }

h1, h2, h3, h4, h5, h6,
.search-domain .btn-primary,
.domain-price p { font-family: GTWalsheimTrial-Bold,'Arial Black',sans-serif; }



/*-----------------------------------------------------------------------------------*/
/*  Layouts
/*-----------------------------------------------------------------------------------*/
.form-control, .btn { border: 0; box-shadow: none!important; border-radius: 0; outline: none; }
.btn { text-transform: uppercase; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
.btn-primary { background-color: #0d9eff; position: relative; }
.btn-primary:hover { background-color: #0687dd; top: -1px; }
.container { position: relative; /*border:1px solid red;*/ }
::-webkit-input-placeholder {  opacity: 1;  font-weight: normal; }
:-moz-placeholder { opacity:  1; }
::-moz-placeholder { opacity:  1; }
:-ms-input-placeholder { }


/* Layout - > Page Header */
.top-header { background: #333; padding: 0; color: #fff; font-weight: 600; }
.top-header a { color: #fff; }
.top-header p { padding: 10px 0; margin-bottom: 0; }
.right-top-head a { padding: 10px 15px; display: inline-block; text-decoration: none; }
.right-top-head a .fa-user { margin-right: 5px; }
.right-top-head a.signin-toggle.active, .right-top-head a.signin-toggle:hover { background-color: #e8e8e8; color: #333; }
.dropdown-box { background-color: #e8e8e8; padding: 30px 0;color: #000; position: absolute; top: 40px; left: 0; width: 100%; z-index: 999;  display: none; }
.dropdown-box h2 { font-size: 2em; margin: 0 0 2rem; }
.dropdown-box a { color: #727272; font-weight: normal; font-size: 1.40rem; }
.dropdown-box a:hover { color: #49b6ff; }
.quick-links ul { float: left; width: 50%; }
.quick-links ul li strong { display: block; padding-bottom: 6px; }
.create-my-acccount { padding: 0 2% 68px; }
.create-my-acccount p { padding: 0 0 15px; font-weight: normal; font-size: 1.40rem; }
.dropdown-box .btn { color: #fff; border-bottom: 5px solid #0687dd; padding: 5px 15px 4px; font-weight: 600; }
.create-my-acccount { border-left: 1px solid silver; border-right: 1px solid silver; }
.sign-in-box { padding-left: 40px; }
.sign-in-box .form-group { margin-bottom: .70em; }
.sign-in-box p { padding-top: 0; }
.sign-in-box p a { text-decoration: underline; font-size: 1.20rem; }
.dropdown-box .close { position: absolute; top: -10px; right: 10px; }

/* Navigaton */
.navbar { border: 0; border-radius: 0; margin-bottom: 0; background: transparent; }
.navbar-brand { float: left; height: 100px; padding-top: 6px; }
.navbar-brand img { width: 75%; }
.navbar-brand span { display: block; font-size: .70em; font-style: italic; padding-top: 5px; }
.navbar .navbar-nav {  margin: 40px 0 0; }
.navbar-nav > li > a { font-weight: 600; color: #000; padding: 9px 1.60rem;  }
.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav>li>a:focus { color:#49b6ff;  }
.navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active > a:hover
.navbar-default .navbar-nav > li > a:active { color: #49b6ff; background: transparent; }
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus { color: #49b6ff; background: transparent; }
.navbar-default .navbar-nav li .dropdown-menu { border-radius: 0; background:#49b6ff; border: 0; padding: 0; white-space: normal; width: 190px; left:0; }
.navbar-default .navbar-nav li .dropdown-menu:after { content: " "; position: absolute; top: -5px; left: 20px; width: 0; height: 0;  border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #49b6ff; }
.navbar-nav li .dropdown-menu li a { padding: 8px 18px; color: #fff; }
.navbar-nav li .dropdown-menu li a:hover { background: #2694dd; color: #fff; }
.navbar-nav > li.live-support a { background: #ff3366; color: #fff; outline: none!important; }
.navbar-nav > li.live-support a:active, .navbar-nav > li.live-support a:hover,
.navbar-nav > li.live-support a:focus { background: #e31c4e; color:#fff; }


/* Featured */
.featured { min-height: 380px; background: #f5f5f5; text-align: right; }
.featured .bxslider li img { float: right; }
.featured .bx-caption { text-align: left; left: 15px; }
.featured .bx-caption .btn-link { border: 2px solid #777; text-decoration: none; font-weight: 600; padding: 8px; padding: 8px 24px; margin-right: 10px; font-size: 1.20em; color: #777; }
.featured .bx-caption .btn-link:hover { color: #ff3366; border-color: #ff3366; }

.start-with-download { background: #F0F0F0; padding: 25px 0; }
.start-with-download p { color: #333; margin: 0; font-size:24px; text-align: center; }


.start-with-domain { background: #0d9eff; padding: 25px 0; }
.start-with-domain h2 { color: #333; margin: 0; text-align: center; }
.search-domain { padding: 15px 0; position: relative; border-bottom: 1px solid #efefef; }
.search-domain .form-group { position: relative; }
.search-domain .input-group { position: relative; display: table; border-collapse: separate; width: 100%; }
.search-domain .input-group .form-control { width: 100%; margin-bottom: 0; display: table-cell; }
.search-domain .form-control { display: block; width: 100%; height: 46px; padding: 10px 20px; font-size: 16px; line-height: 1.42857143; color: #555; vertical-align: middle; background-color: #fff; border: 1px solid #bebebe; border-top-width: 2px; -webkit-box-shadow: inset 0 2px 0 0 #bebebe; box-shadow: inset 0 2px 0 0 #bebebe; }
.search-domain .btn-primary { position: absolute; top: 0; right: 0; min-width: 88px; border-bottom: 5px solid #0687dd; padding: 8px 25px 8px; font-size: 1.250em; }
.search-domain .domain-extension li { display: inline-block; font-size: 1em; margin-right: 10px; }
.search-domain .domain-extension li span { display: inline-block; }
.search-domain .domain-extension li .extension { font-weight: 600; font-size: 1.50em; }

.blue { color: #024e9b; }
.red { color: #d81010; }
.orange { color: #fbb500; }
.green { color: #107b2e; }

/* Layout - > Page Content */
.page-content { min-height: 400px; }


.search-domain ::-webkit-input-placeholder {  color: #ff3366!important; opacity: 1; }
.search-domain :-moz-placeholder { color: #ff3366; opacity:  1; }
.search-domain ::-moz-placeholder { color: #ff3366; opacity:  1; }
.search-domain :-ms-input-placeholder { color: #ff3366; }

.page-section { padding: 20px 0 50px; }
.page-section .title { font-size: 3em; margin-bottom: 1em; text-align: center; }
.page-section .title span { color: #ff3366; }


.hosting-packages .container { max-width: 1024px; }
.hosting-packages .package-box { text-align: center; border-radius: 0 0 8px 8px; position: relative; margin-bottom: 20px; }
.package-box .package-title { padding: 15px 0 15px; color: #fff; }
.package-box .package-title h3 { margin: 0; font-weight: 600; }
.package-box .package-title span { display: block; padding: 0 35px; font-size: .90em; }
.package-box .package-desc { background-color: #f3f3f3; padding: 10px 0; border-top: 1px dashed #fff; }
.package-box .package-desc .price { font-size: 1.560em; color: #000; margin-bottom: 5px; }
.package-box .package-desc .price span { font-size: .70em; color: #999; }
.package-box .package-desc ul li { line-height: 1.6; }
.package-box .package-desc ul li .fa { color: #ff3366; }
.package-box .order-now { background: #dedede; padding: 18px 0;  border-radius: 0 0 8px 8px; }
.package-box:after { z-index: -1; position: absolute; content: ""; bottom: 15px; right: 10px; left: auto; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); }
.hosting-packages .professional .package-title, 
.hosting-packages .professional .order-now .btn { background-color: #F7A13E; border-radius: 3px; }
.hosting-packages .enterprise .package-title,
.hosting-packages .enterprise .order-now .btn { background-color: #2DCC70; }
.hosting-packages .corporates .package-title,
.hosting-packages .corporates .order-now .btn { background-color: #0565c5; }
.hosting-packages .industrial .package-title,
.hosting-packages .industrial .order-now .btn { background-color: #ec2859; }

/* Our Services */
.our-services { background-color: #fefefe; border-bottom: 1px dashed #ddd; }
.our-services .row { margin-bottom: 28px; }
.our-services .row:last-child { margin-bottom: 0; }
.our-services .row > div { text-align: center; margin-bottom: 20px; }
.our-services .btn { margin-top: 10px; border-bottom: 5px solid #0687dd; padding: 5px 15px 4px; font-weight: 600; }
.our-services h4 { font-weight: 700; margin-bottom: .20em; }
.our-services img { margin-bottom: 10px; }
.our-services ul li { line-height: 1.5; }

/* Clientele */
.client-lists .bx-wrapper .bx-prev {left: -35px;}
.client-lists .bx-wrapper .bx-next {right: -35px;}
.client-lists .bx-wrapper .bx-controls-direction a { opacity: 1; width: 28px; height: 28px; }
.client-lists .bx-wrapper .bx-controls-direction a:before { font-size: 24px; top: 0; line-height: 26px; padding-top: 0; }
.client-lists .bx-wrapper .bx-controls-direction .bx-prev:before {left: 2px;}
.client-lists .bx-wrapper .bx-controls-direction .bx-next:before {right: -5px;}


/*-----------------------------------------------------------------------------------*/
/*  Layout - > Footer
/*-----------------------------------------------------------------------------------*/
.pagefooter .need-help { background: #0d9eff; padding: 15px 0; }
.pagefooter .need-help h6 { color: #fff;  font-size: 1.300em; text-align: center; letter-spacing: 1px; }
.pagefooter .top-footer { background: #333; color: #fff; padding: 20px 0 0; }

.pagefooter .footer-menu { padding-bottom: 30px; }
.pagefooter .footer-menu h5 { font-size: 1.20em; font-weight: 600; }
.pagefooter .footer-menu a { color: #fff; }
.pagefooter .footer-menu a:hover { color: #fff; }
.pagefooter .footer-menu li a { line-height: 2; color: #777; }
.footer-menu form { margin-top: 30px; }
.footer-menu form label { font-weight: 600; margin-bottom: 10px; }
.footer-menu form .form-control { width: 73%; float: left; }
.footer-menu form .btn { float: right; border-bottom: 5px solid #0687dd; padding: 5px 15px 4px; font-weight: 600; }

.pagefooter hr.main-hr { margin: 0; border-top: 1px solid #5a5a5a; }
.pagefooter .bottom-footer { padding: 20px 0; }
.bottom-footer p { padding: 7px 0 0; margin: 0; font-size: .90em; display: block; }
.bottom-footer .follow-us span { display: inline-block; padding: 4px 10px 0 0; }
.bottom-footer .follow-us a { border-radius: 100%; background: #ff3366; color: #fff; display: inline-block; width: 30px; height: 30px; line-height: 32px; text-align: center; }

/* Back to Top */
#toTop { position: fixed; bottom: 30px; right: 22px; background: #a0a0a0; width: 36px; height: 36px; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 999; }
#toTop a { display: block; width: 36px; height: 36px; color: #211f20; text-align: center; line-height: 32px; outline: none; font-size: 1.3em; }
#toTop a .fa { position: relative; color: #fff; top: 1px; }


/*-----------------------------------------------------------------------------------*/
/*  Layout - > Inner Pages
/*-----------------------------------------------------------------------------------*/
.page-title { padding: 45px 0; overflow: hidden; background: #024e9b; }
.page-title h1 { text-align: center; margin: 0; color: #fff; }

.inner-page .inner-box { padding: 50px 0; }
.inner-page .inner-box p, .inner-page .inner-box ul li { font-size: 1.150em; }

.sidebar h3 { margin: 0; font-size: 1.650rem; }

.sidebar .side-menu { background: #024e9b; color: #fff; margin-bottom: 10px; } 
.side-menu h3 { color: #fff; padding: 10px 16px;  background-color: #155faa; }
.side-menu li a { font-size: .90em; padding: 8px 16px; display: block; border-bottom: 1px solid #155faa; color: #fff; }
.domain-price { border-radius: 6px; padding: 15px; margin: 15px 0 0; text-align: center; }
.domain-price h4 { margin-top: 0; text-transform: uppercase; }
.domain-price h4 span { color: #ff3467; }
.domain-price span.alt { font-size: 2.40rem; display: block; margin-bottom: 10px; line-height: 1; }
.domain-price p { margin-bottom: 0; }
.domain-price p span { color: #ff3467; font-size: 2.5rem; }

.web-hosting .sub-title { margin-bottom: 1em; }
.web-hosting .features-boxed { border-width: 2px; border-style: solid; border-radius: 8px; overflow: hidden; margin-bottom: 15px; }
.web-hosting .features-boxed.one { border-color: #FF7F01; }
.web-hosting .features-boxed.two { border-color: #4CBD54; }
.web-hosting .features-boxed h3 { font-size: 1.80rem; margin: 0; padding: 6px 20px; }
.web-hosting .features-boxed h3 span { font-weight: 600; }
.web-hosting .features-boxed.one h3 span { color: #FF7F01;  }
.web-hosting .features-boxed.two h3 span { color: #4CBD54;  }
.web-hosting .features-boxed table { margin-bottom: 0; border-radius: 0 0 6px 6px; }
.web-hosting .features-boxed table tr td:first-child { padding-left: 18px; }
.web-hosting .features-boxed table tr td:last-child { background-color: #eeeeee; text-align: center; }
.web-hosting .features-boxed table tr td .fa { color: #0099ff; font-size: .80em; }

.web-design-packages .row { border-bottom: 1px dashed #ccc; padding-bottom: 15px; margin-bottom: 15px; }
.web-design-packages h2 { font-size: 1.20em; }
.web-design-packages ul li { line-height: 1.6; margin-bottom: 6px; font-size: 1.350rem!important; }
.web-design-packages ul li .fa { color: #ff3467; }
.web-design-packages .row > div { border-right: 1px dashed #ccc; min-height: 145px; }
.web-design-packages .row > div:last-child { border-right: 0; }
.web-design-packages .price { color: #ff3467; margin-bottom: 15px; clear: both; display: block; }

.featured-sites { clear: both;  margin-top: 35px; display: block; }
.featured-sites h3 { margin-bottom: 1em; }

/* Work */
.design_templates { display: block; }
.designs_template { position: relative; -webkit-transition-property: opacity; -webkit-transition-duration: .3s; -webkit-transition-timing-function: cubic-bezier(.694, .0482, .335, 1); -moz-transition-property: opacity; -moz-transition-duration: .3s; -moz-transition-timing-function: cubic-bezier(.694, .0482, .335, 1); -ms-transition-property: opacity; -ms-transition-duration: .3s; -ms-transition-timing-function: cubic-bezier(.694, .0482, .335, 1); -o-transition-property: opacity; -o-transition-duration: .3s; -o-transition-timing-function: cubic-bezier(.694, .0482, .335, 1); transition-property: opacity; transition-duration: .3s; transition-timing-function: cubic-bezier(.694, .0482, .335, 1); margin-bottom: 30px; }
.designs_template .browser { padding-bottom: 70%; }
.browser_shadow { -webkit-box-shadow: rgba(0, 0, 0, .06) 0px 3px 10px; -moz-box-shadow: rgba(0, 0, 0, .06) 0px 3px 10px; box-shadow: rgba(0, 0, 0, .06) 0px 3px 10px; }
.browser_fluid { position: relative; width: 100%; padding-bottom: 60%; overflow: hidden; }
.browser_fluid .browser_bar { position: absolute; width: 100%; }
.browser_fluid.browser_small .browser_content { top: 18px; }
.browser_fluid .browser_content { position: absolute; top: 21px; height: 100%; overflow: hidden; }
.browser_content { position: relative; width: 100%; height: 565px; background-color: #fff; text-align: center; }
.browser_bar { border-radius: 3px 3px 0 0; height: 18px; font-size: 1px; background-color: #cfcfcf; line-height: 20px; }
.browser_button { display: inline-block; height: 21px; font-size: inherit; margin-left: 6px; }
.browser_button:first-child { margin-left: 8px; }
.browser_button:before { content: "\25cf"; font-size: 7px; line-height: 15px; color: #7f7f7f; }

/* CSS3 hover effects */
.browser_con img {
    display: block;
    position: relative;
}

.browser_content h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 1.40em;
    padding: 10px;
    background: rgba(0, 0, 0, 0.8);
    margin: 20px 0 0 0;
}

.browser_content p {
    font: italic .90em Georgia, serif;
    position: relative;
    color: #fff;
    padding: 10px 20px 10px;
    text-align: center;
    line-height: 1.5; 
}

.browser_content a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;
    margin-top: 30px;
}

.browser_content a.info: hover {
    -webkit-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
}

.browser_content img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.browser_content .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.browser_content .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background-color: rgba(10,104,168, 0.8);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 999;
}

.browser_content h2 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.browser_content p {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.browser_content:hover img {
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.browser_content a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.browser_content:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.browser_content:hover h2,
.browser_content:hover p,
.browser_content:hover a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.browser_content:hover p {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.browser_content:hover a.info {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.right-content > h2 { margin-top: 0; }
.featured-works { border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; }

.list-items { margin: 0 0 25px 30px; }
.list-items li { line-height: 1.6; }
.list-items li .fa { font-size: .90rem; color: #ff3467; }

.our-team .inner-box { text-align: center; }
.our-team .inner-box .title { padding: 25px 0; text-align: center; }
.our-team .inner-box .title p { margin-bottom: 0; }


.our-team .team-info-box {position: relative; overflow: hidden; margin: 0 15px; }
.team-info-box img { position: relative; z-index: 9; }
.team-info-box .info-about { position: absolute; left: 0; top: 0; width: 94%; height: 94%; z-index: 999; margin: 10px;  background: rgba(21, 161, 255, .9); color: #fff; padding: 15px; opacity: 0;  -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -o-transition: all .8s ease; -ms-transition: all .8s ease; transition: all .8s ease; }
.team-info-box .info-about:hover { opacity: 1; }
.team-info-box .info-about h2 { font-size: 2.350rem; margin: 30% 0 0; line-height: 1;  }
.team-info-box .info-about h3 { font-size: 1.550rem; margin: 10px 0 10px; line-height: 1; }
.team-info-box .info-about p {  }
.our-team .title-info { margin-bottom: 25px; }
.our-team .title-info h4 { font-size: 2rem; margin-bottom: 0; }
.our-team .title-info p { margin: 0; }

.our-portfolio .inner-box .title p { font-size: 1.350em; text-align: center; margin-bottom: 2.2em; }

.contact-us h3 { margin: 0; font-size: 1.350em; }
.contact-us .form-group label span { color: #ff0000; }
.contact-us .form-control { border: 1px solid #ccc; }
.contact-us textarea.form-control { height: 150px; }

.contact-us ul.contact-info { margin: 25px 0 0; }
.contact-us ul.contact-info li { margin-bottom: 20px; position: relative; padding-left: 38px; padding-top: 5px;}
.contact-us ul.contact-info li span { position: absolute; top: 2px; left: 0;  background-color: #777; border-radius: 100%; width: 28px; height: 28px; text-align: center; line-height: 28px; }
.contact-us ul.contact-info li .fa { color: #fff; font-size: .85em; }
.contact-us ul.contact-info li a { color: #ff3467; }


/*-----------------------------------------------------------------------------------*/
/*  Responsive (Media queries)
/*-----------------------------------------------------------------------------------*/

/*@media screen and (max-width: 1200px) { .container { border:1px solid blue; } }
@media screen and (max-width: 980px) { .container { border:1px solid yellow; } }
@media screen and (max-width: 768px) { .container { border: 1px solid green;  }}
@media screen and (max-width: 730px) { .container { border:1px solid orange; } }
@media screen and (max-width: 480px) { .container { border:1px solid pink; } }*/

@media screen and (max-width: 1200px) { 
    
}

@media screen and (max-width: 980px) { 
     
}


@media screen and (max-width: 768px) { 
  .navbar .navbar-nav {  margin: 10px 0; }
  .navbar-nav .open .dropdown-menu { position: relative; float: none!important; width: 100%; }
  .navbar-default .navbar-nav li .dropdown-menu { width: 100%; }
  .navbar-nav li .dropdown-menu li a { padding: 11px 12px!important; border-bottom: 1px solid #6bc3fe; color: #000!important; }
  .navbar-toggle { border-radius: 0; margin-top: 40px; }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: transparent; border-color: #6bc3fe; }
  .navbar-default .navbar-toggle .icon-bar { background-color: #6bc3fe; }
  .client-lists .bx-wrapper .bx-prev {left: 10px;}
  .client-lists .bx-wrapper .bx-next {right: 10px;}
  .featured { min-height: 100%; height: 280px; overflow: hidden; }
  .bx-wrapper .bx-caption h1 { font-size: 1.950rem; }
  .bx-wrapper .service-cap h1 { font-size: 3rem; }
  .featured .bxslider li img { opacity: .1; } 
  .bx-wrapper .bx-caption { width: 100%!important; text-align: center; }
  .featured .bx-caption .btn-link { padding: 8px; padding: 8px 24px; font-size: 1.30rem; }
  .bx-wrapper .bx-controls-direction a { margin-top: -90px; }
  .start-with-domain h2 { font-size: 2rem; }
  .start-with-download h4 { font-size: 1.5rem; }
  .page-section .title { font-size: 2.40em; margin-bottom: 1em; text-align: center; }
  .featured .bx-caption { left: 0; }
  .inner-page .inner-box { width: 100%; padding: 30px 15px; overflow: hidden; }
  .inner-page .sidebar { margin-top: 20px; }
  .page-title { padding: 20px 0; }
  .page-title h1 { font-size: 1.560em; }
  .page-content.inner-page h2 { font-size: 1.5em; }
  .page-content.inner-page p, .page-content.inner-page .list-items { font-size: 1.050em; }
  .page-content.inner-page .list-items li { font-size: 1em; }
  .page-content.inner-page h3, .page-content.inner-page h4 { font-size: 1.3em; }
}

@media screen and (max-width: 730px) { 
  .top-header .row > div { float: none; width:auto; clear: both; }
  .right-top-head { display: none; }
  .search-domain .domain-extension li { font-size: 1em; text-align: center; }
  .search-domain .domain-extension li .extension { font-size: 1.30em; }
  .design_templates .row > div { width: auto; float: none; clear: both; }
}

@media screen and (max-width: 550px) {
  .bottom-footer .row > div { float: none; width:auto; clear: both; text-align: center!important; margin-bottom: 10px; }
  .search-domain .btn-primary { position: relative; margin-top: 10px; font-size: .90em; }
}

@media screen and (max-width: 480px) { 
   .featured { height: auto; overflow: hidden; }
   .search-domain .domain-extension li { float: none; width: 100%; clear: both; margin-bottom: 8px; }
   .bx-wrapper .bx-controls-direction a { display: none; }
   .page-section .title { font-size: 2em; }
}